<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>angularspree documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
	      <link rel="stylesheet" href="./styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="./" class="navbar-brand">angularspree documentation</a>
            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
            <div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search">
</div>
            <nav>

    <ul class="list">

        <li class="title">
            <a href="index.html" data-type="index-link">angularspree documentation</a>
        </li>

        <li class="divider"></li>


        <li class="chapter">
            <a data-type="chapter-link" href="index.html"><span class="fa fa-home"></span>Getting started</a>
            <ul class="links">
                    <li class="link">
                        <a 
                            
                             href="overview.html" 
                             href="overview.html" 
                            data-type="chapter-link">
                            <span class="fa fa-fw fa-th"></span>Overview
                        </a>
                    </li>
                    <li class="link">
                      <a href="index.html" data-type="chapter-link"><span class="fa fa-file-text-o"></span>README</a>
                    </li>
                    <li class="link">
                            <a href="changelog.html"
                        data-type="chapter-link">
                            <span class="fa fa-fw fa-file-text-o"></span>CHANGELOG
                        </a>
                    </li>
                    <li class="link">
                            <a href="contributing.html"
                        data-type="chapter-link">
                            <span class="fa fa-fw fa-file-text-o"></span>CONTRIBUTING
                        </a>
                    </li>
                    <li class="link">
                            <a href="license.html"
                        data-type="chapter-link">
                            <span class="fa fa-fw fa-file-text-o"></span>LICENSE
                        </a>
                    </li>
                    <li class="link">
                        <a href="dependencies.html"
                            data-type="chapter-link">
                            <span class="fa fa-fw fa-list"></span>Dependencies
                        </a>
                    </li>
            </ul>
        </li>


        <li class="chapter modules">
            <a data-type="chapter-link" href="modules.html">
                <div class="menu-toggler linked" data-toggle="collapse"
                        data-target="#xs-modules-links"
                >
                    <span class="fa fa-fw fa-archive"></span>
                    <span class="link-name">Modules</span>
                    <span class="fa fa-angle-down"></span>
                </div>
            </a>
            <ul class="links collapse"
                    id="xs-modules-links"
                >
                    <li class="link">
                        <a href="modules/AddressModule.html" data-type="entity-link">AddressModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
                                    >
                                        <li class="link">
                                            <a href="components/AddAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddAddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/AddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/DeliveryAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">DeliveryAddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/DeliveryOptionsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">DeliveryOptionsComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-injectables-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
                                    >
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-injectables-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
                                    >
                                        <li class="link">
                                            <a href="injectables/AddressService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AddressService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-AppModule-92a77ace1321131e262f0857217a86da"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-AppModule-92a77ace1321131e262f0857217a86da"
                                    >
                                        <li class="link">
                                            <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CheckoutFooterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CheckoutFooterComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CheckoutHeaderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CheckoutHeaderComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-injectables-links-module-AppModule-92a77ace1321131e262f0857217a86da"
                                    >
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-injectables-links-module-AppModule-92a77ace1321131e262f0857217a86da"
                                    >
                                        <li class="link">
                                            <a href="injectables/AddressService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AddressService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/AppServerModule.html" data-type="entity-link">AppServerModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-AppServerModule-0d409c478be9f09b2342c7e391b4f86b"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-AppServerModule-0d409c478be9f09b2342c7e391b4f86b"
                                    >
                                        <li class="link">
                                            <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/AuthModule.html" data-type="entity-link">AuthModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-AuthModule-6a30c167152c0cce8990370619f1915b"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-AuthModule-6a30c167152c0cce8990370619f1915b"
                                    >
                                        <li class="link">
                                            <a href="components/ForgetPasswordComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ForgetPasswordComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LoginComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LoginComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/SignUpComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">SignUpComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/UpdatePasswordComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">UpdatePasswordComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/CartModule.html" data-type="entity-link">CartModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-CartModule-51d9cd116e8c68daed69e7ccd4495388"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-CartModule-51d9cd116e8c68daed69e7ccd4495388"
                                    >
                                        <li class="link">
                                            <a href="components/CartComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CartComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/EmptyCartComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">EmptyCartComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LineItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LineItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LineItemListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LineItemListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderTotalSummaryComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderTotalSummaryComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/CheckoutModule.html" data-type="entity-link">CheckoutModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-CheckoutModule-f176efaf36413b36d9323c6963dadebe"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-CheckoutModule-f176efaf36413b36d9323c6963dadebe"
                                    >
                                        <li class="link">
                                            <a href="components/OrderFailedComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderFailedComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderSuccessComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderSuccessComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/CoreModule.html" data-type="entity-link">CoreModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-injectables-links-module-CoreModule-951c4346a25824298bc7fd27027e4a80"
                                    >
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-injectables-links-module-CoreModule-951c4346a25824298bc7fd27027e4a80"
                                    >
                                        <li class="link">
                                            <a href="injectables/AuthService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AuthService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/CanActivateViaAuthGuard.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>CanActivateViaAuthGuard</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/CheckoutService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>CheckoutService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/ProductService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>ProductService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/TransferStateService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>TransferStateService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/UserService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>UserService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/VariantParserService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>VariantParserService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/VariantRetriverService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>VariantRetriverService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/HomeModule.html" data-type="entity-link">HomeModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-HomeModule-9f791013b112aad1a19fc420480ea691"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-HomeModule-9f791013b112aad1a19fc420480ea691"
                                    >
                                        <li class="link">
                                            <a href="components/BrandFilterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandFilterComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BreadcrumbComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BreadcrumbComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoryPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoryPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ContentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ContentComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ContentHeaderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ContentHeaderComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CustomizeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CustomizeComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FilterMobileMenuComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FilterMobileMenuComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FilterSummaryComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FilterSummaryComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HomeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HomeComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductListItemComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/LandingModule.html" data-type="entity-link">LandingModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-LandingModule-7859338e335e7bbac8c4b8b5633c523d"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-LandingModule-7859338e335e7bbac8c4b8b5633c523d"
                                    >
                                        <li class="link">
                                            <a href="components/AboutUsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AboutUsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BrandsPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandsPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FaqPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FaqPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LandingComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LandingComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LpBannerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LpBannerComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LpBrandsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LpBrandsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LpPromoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LpPromoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/PlItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">PlItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ReturnPolicyComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReturnPolicyComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/LandingRoutingModule.html" data-type="entity-link">LandingRoutingModule</a>
                    </li>
                    <li class="link">
                        <a href="modules/LayoutModule.html" data-type="entity-link">LayoutModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-LayoutModule-6f5b3972b40841e732aa2938b86126f2"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-LayoutModule-6f5b3972b40841e732aa2938b86126f2"
                                    >
                                        <li class="link">
                                            <a href="components/BrandListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BrandLogoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandLogoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BrandMenuDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandMenuDropdownComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesDetailsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesDetailsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesMenuDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesMenuDropdownComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoryMobileMenuComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoryMobileMenuComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterContactInfoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterContactInfoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterQuickLinksComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterQuickLinksComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterSocialLinksComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterSocialLinksComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderCartComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderCartComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderHelpDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderHelpDropdownComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderSearchComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderSearchComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfileDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfileDropdownComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/PaymentModule.html" data-type="entity-link">PaymentModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
                                    >
                                        <li class="link">
                                            <a href="components/CashOnDeliveryComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CashOnDeliveryComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HostedPaymentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HostedPaymentComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/PaymentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">PaymentComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/PaymentModesListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">PaymentModesListComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-injectables-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
                                    >
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-injectables-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
                                    >
                                        <li class="link">
                                            <a href="injectables/PaymentService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>PaymentService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/ProductModule.html" data-type="entity-link">ProductModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
                                    >
                                        <li class="link">
                                            <a href="components/CheckPincodeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CheckPincodeComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductCountComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductCountComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductDescriptionComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductDescriptionComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductDetailPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductDetailPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductDetailsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductDetailsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductImagesComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductImagesComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductPriceInfoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductPriceInfoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductReviewComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductReviewComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductVariantsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductVariantsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/WriteProductReviewComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">WriteProductReviewComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-injectables-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
                                    >
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-injectables-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
                                    >
                                        <li class="link">
                                            <a href="injectables/ProductResolver.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>ProductResolver</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/ProductRoutingModule.html" data-type="entity-link">ProductRoutingModule</a>
                    </li>
                    <li class="link">
                        <a href="modules/SharedModule.html" data-type="entity-link">SharedModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
                                    >
                                        <li class="link">
                                            <a href="components/InnerIproductComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">InnerIproductComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductSliderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductSliderComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/SavedAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">SavedAddressComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-directives-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
                                    >
                                    <span class="fa fa-fw fa-code"></span>
                                    <span>Directives</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-directives-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
                                    >
                                        <li class="link">
                                            <a href="directives/ZoomableDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ZoomableDirective</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-pipes-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
                                    >
                                    <span class="fa fa-fw fa-plus"></span>
                                    <span>Pipes</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-pipes-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
                                    >
                                        <li class="link">
                                            <a href="pipes/HumanizePipe.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HumanizePipe</a>
                                        </li>
                                        <li class="link">
                                            <a href="pipes/KeysPipe.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">KeysPipe</a>
                                        </li>
                                        <li class="link">
                                            <a href="pipes/ReversePipe.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReversePipe</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/UserModule.html" data-type="entity-link">UserModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-components-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
                                    >
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-components-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
                                    >
                                        <li class="link">
                                            <a href="components/AddEditAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddEditAddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/AddressesComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddressesComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FavoriteProductListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FavoriteProductListItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FavoriteProductsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FavoriteProductsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderDetailComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderDetailComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderListItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrdersComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrdersComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OverviewComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OverviewComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfileComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfileComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfileEmailComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfileEmailComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfilePasswordComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfilePasswordComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ReturnListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReturnListItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ReturnsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReturnsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/UserComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">UserComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#xs-injectables-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
                                    >
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="xs-injectables-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
                                    >
                                        <li class="link">
                                            <a href="injectables/AddressService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AddressService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
            </ul>
        </li>

                <li class="chapter">
                    <div class="simple menu-toggler" data-toggle="collapse"
                            data-target="#xs-components-links"
                        >
                        <span class="fa fa-fw fa-cogs"></span>
                        <span>Components</span>
                        <span class="fa fa-angle-down"></span>
                    </div>
                    <ul class="links collapse"
                            id="xs-components-links"
                        >
                            <li class="link">
                                <a href="components/LpProductListComponent.html" data-type="entity-link">LpProductListComponent</a>
                            </li>
                    </ul>
                </li>


        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#xs-classes-links"
                >
                <span class="fa fa-fw fa-file-code-o"></span>
                <span>Classes</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="xs-classes-links"
                >
                    <li class="link">
                        <a href="classes/Address.html" data-type="entity-link">Address</a>
                    </li>
                    <li class="link">
                        <a href="classes/AppPreloadingStrategy.html" data-type="entity-link">AppPreloadingStrategy</a>
                    </li>
                    <li class="link">
                        <a href="classes/AuthActions.html" data-type="entity-link">AuthActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/Brand.html" data-type="entity-link">Brand</a>
                    </li>
                    <li class="link">
                        <a href="classes/CJsonApi.html" data-type="entity-link">CJsonApi</a>
                    </li>
                    <li class="link">
                        <a href="classes/CState.html" data-type="entity-link">CState</a>
                    </li>
                    <li class="link">
                        <a href="classes/CheckoutActions.html" data-type="entity-link">CheckoutActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/Classification.html" data-type="entity-link">Classification</a>
                    </li>
                    <li class="link">
                        <a href="classes/Country.html" data-type="entity-link">Country</a>
                    </li>
                    <li class="link">
                        <a href="classes/HideMobileMainMenu.html" data-type="entity-link">HideMobileMainMenu</a>
                    </li>
                    <li class="link">
                        <a href="classes/HideMobileSearchBar.html" data-type="entity-link">HideMobileSearchBar</a>
                    </li>
                    <li class="link">
                        <a href="classes/Image.html" data-type="entity-link">Image</a>
                    </li>
                    <li class="link">
                        <a href="classes/LightOrder.html" data-type="entity-link">LightOrder</a>
                    </li>
                    <li class="link">
                        <a href="classes/LineItem.html" data-type="entity-link">LineItem</a>
                    </li>
                    <li class="link">
                        <a href="classes/LoadLayouts.html" data-type="entity-link">LoadLayouts</a>
                    </li>
                    <li class="link">
                        <a href="classes/OptionType.html" data-type="entity-link">OptionType</a>
                    </li>
                    <li class="link">
                        <a href="classes/OptionValue.html" data-type="entity-link">OptionValue</a>
                    </li>
                    <li class="link">
                        <a href="classes/Order.html" data-type="entity-link">Order</a>
                    </li>
                    <li class="link">
                        <a href="classes/PasswordMatchValidator.html" data-type="entity-link">PasswordMatchValidator</a>
                    </li>
                    <li class="link">
                        <a href="classes/Payment.html" data-type="entity-link">Payment</a>
                    </li>
                    <li class="link">
                        <a href="classes/PaymentMode.html" data-type="entity-link">PaymentMode</a>
                    </li>
                    <li class="link">
                        <a href="classes/Price.html" data-type="entity-link">Price</a>
                    </li>
                    <li class="link">
                        <a href="classes/Product.html" data-type="entity-link">Product</a>
                    </li>
                    <li class="link">
                        <a href="classes/ProductActions.html" data-type="entity-link">ProductActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/ProductProperty.html" data-type="entity-link">ProductProperty</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingCategory.html" data-type="entity-link">RatingCategory</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingOption.html" data-type="entity-link">RatingOption</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingOptionVote.html" data-type="entity-link">RatingOptionVote</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingSummary.html" data-type="entity-link">RatingSummary</a>
                    </li>
                    <li class="link">
                        <a href="classes/Review.html" data-type="entity-link">Review</a>
                    </li>
                    <li class="link">
                        <a href="classes/ReviewList.html" data-type="entity-link">ReviewList</a>
                    </li>
                    <li class="link">
                        <a href="classes/SearchActions.html" data-type="entity-link">SearchActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/ShowMobileMainMenu.html" data-type="entity-link">ShowMobileMainMenu</a>
                    </li>
                    <li class="link">
                        <a href="classes/ShowMobileSearchBar.html" data-type="entity-link">ShowMobileSearchBar</a>
                    </li>
                    <li class="link">
                        <a href="classes/Taxon.html" data-type="entity-link">Taxon</a>
                    </li>
                    <li class="link">
                        <a href="classes/User.html" data-type="entity-link">User</a>
                    </li>
                    <li class="link">
                        <a href="classes/UserActions.html" data-type="entity-link">UserActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/Variant.html" data-type="entity-link">Variant</a>
                    </li>
            </ul>
        </li>

                <li class="chapter">
                    <div class="simple menu-toggler" data-toggle="collapse"
                            data-target="#xs-injectables-links"
                        >
                        <span class="fa fa-fw fa-long-arrow-down"></span>
                        <span>Injectables</span>
                        <span class="fa fa-angle-down"></span>
                    </div>
                    <ul class="links collapse"
                            id="xs-injectables-links"
                        >
                            <li class="link">
                                <a href="injectables/AddressService.html" data-type="entity-link">AddressService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/AuthService.html" data-type="entity-link">AuthService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/AuthenticationEffects.html" data-type="entity-link">AuthenticationEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/CanActivateViaAuthGuard.html" data-type="entity-link">CanActivateViaAuthGuard</a>
                            </li>
                            <li class="link">
                                <a href="injectables/CheckoutEffects.html" data-type="entity-link">CheckoutEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/CheckoutService.html" data-type="entity-link">CheckoutService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/FilterPipe.html" data-type="entity-link">FilterPipe</a>
                            </li>
                            <li class="link">
                                <a href="injectables/FilterPipe.html" data-type="entity-link">FilterPipe</a>
                            </li>
                            <li class="link">
                                <a href="injectables/JsonApiParserService.html" data-type="entity-link">JsonApiParserService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/LayoutEffects.html" data-type="entity-link">LayoutEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/PaymentService.html" data-type="entity-link">PaymentService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/ProductEffects.html" data-type="entity-link">ProductEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/ProductResolver.html" data-type="entity-link">ProductResolver</a>
                            </li>
                            <li class="link">
                                <a href="injectables/ProductService.html" data-type="entity-link">ProductService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/TransferStateService.html" data-type="entity-link">TransferStateService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/UserEffects.html" data-type="entity-link">UserEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/UserService.html" data-type="entity-link">UserService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/VariantParserService.html" data-type="entity-link">VariantParserService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/VariantRetriverService.html" data-type="entity-link">VariantRetriverService</a>
                            </li>
                    </ul>
                </li>

        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#xs-interceptors-links"
                >
                <span class="fa fa-fw fa-exchange"></span>
                <span>Interceptors</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="xs-interceptors-links"
                >
                    <li class="link">
                        <a href="interceptors/ResponseInterceptor.html" data-type="entity-link">ResponseInterceptor</a>
                    </li>
                    <li class="link">
                        <a href="interceptors/TokenInterceptor.html" data-type="entity-link">TokenInterceptor</a>
                    </li>
                    <li class="link">
                        <a href="interceptors/TransferStateInterceptor.html" data-type="entity-link">TransferStateInterceptor</a>
                    </li>
            </ul>
        </li>

        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#xs-interfaces-links"
                >
                <span class="fa fa-fw fa-info"></span>
                <span>Interfaces</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="xs-interfaces-links"
                >
                    <li class="link">
                        <a href="interfaces/AppState.html" data-type="entity-link">AppState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/AuthState.html" data-type="entity-link">AuthState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/CheckoutState.html" data-type="entity-link">CheckoutState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/HomeState.html" data-type="entity-link">HomeState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/LayoutState.html" data-type="entity-link">LayoutState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/OptionTypesHash.html" data-type="entity-link">OptionTypesHash</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/ProductState.html" data-type="entity-link">ProductState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/SearchState.html" data-type="entity-link">SearchState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/State.html" data-type="entity-link">State</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/Taxonomy.html" data-type="entity-link">Taxonomy</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/UserState.html" data-type="entity-link">UserState</a>
                    </li>
            </ul>
        </li>


        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#xs-miscellaneous-links"
                >
                <span class="fa fa-fw fa-cubes"></span>
                <span>Miscellaneous</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="xs-miscellaneous-links"
                >
                    <li class="link">
                      <a href="miscellaneous/enumerations.html" data-type="entity-link">Enums</a>
                    </li>
                    <li class="link">
                      <a href="miscellaneous/functions.html" data-type="entity-link">Functions</a>
                    </li>
                    <li class="link">
                      <a href="miscellaneous/typealiases.html" data-type="entity-link">Type aliases</a>
                    </li>
                    <li class="link">
                      <a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
                    </li>
            </ul>
        </li>


        <li class="chapter">
            <a data-type="chapter-link" href="coverage.html"><span class="fa fa-fw fa-tasks"></span>Documentation coverage</a>
        </li>

        <li class="divider"></li>
        <li class="copyright">
                Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                            <img data-src="images/compodoc-vectorise.svg" class="img-responsive" data-type="compodoc-logo">
                </a>
        </li>

    </ul>

</nav>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <nav>

    <ul class="list">

        <li class="title">
            <a href="index.html" data-type="index-link">angularspree documentation</a>
        </li>

        <li class="divider"></li>

            <div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search">
</div>

        <li class="chapter">
            <a data-type="chapter-link" href="index.html"><span class="fa fa-home"></span>Getting started</a>
            <ul class="links">
                    <li class="link">
                        <a 
                            
                             href="overview.html" 
                             href="overview.html" 
                            data-type="chapter-link">
                            <span class="fa fa-fw fa-th"></span>Overview
                        </a>
                    </li>
                    <li class="link">
                      <a href="index.html" data-type="chapter-link"><span class="fa fa-file-text-o"></span>README</a>
                    </li>
                    <li class="link">
                            <a href="changelog.html"
                        data-type="chapter-link">
                            <span class="fa fa-fw fa-file-text-o"></span>CHANGELOG
                        </a>
                    </li>
                    <li class="link">
                            <a href="contributing.html"
                        data-type="chapter-link">
                            <span class="fa fa-fw fa-file-text-o"></span>CONTRIBUTING
                        </a>
                    </li>
                    <li class="link">
                            <a href="license.html"
                        data-type="chapter-link">
                            <span class="fa fa-fw fa-file-text-o"></span>LICENSE
                        </a>
                    </li>
                    <li class="link">
                        <a href="dependencies.html"
                            data-type="chapter-link">
                            <span class="fa fa-fw fa-list"></span>Dependencies
                        </a>
                    </li>
            </ul>
        </li>


        <li class="chapter modules">
            <a data-type="chapter-link" href="modules.html">
                <div class="menu-toggler linked" data-toggle="collapse"
                        data-target="#modules-links"
                >
                    <span class="fa fa-fw fa-archive"></span>
                    <span class="link-name">Modules</span>
                    <span class="fa fa-angle-down"></span>
                </div>
            </a>
            <ul class="links collapse"
                    id="modules-links"
>
                    <li class="link">
                        <a href="modules/AddressModule.html" data-type="entity-link">AddressModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
>
                                        <li class="link">
                                            <a href="components/AddAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddAddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/AddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/DeliveryAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">DeliveryAddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/DeliveryOptionsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">DeliveryOptionsComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#injectables-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
>
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="injectables-links-module-AddressModule-b99244288ac3972d01b4c862db6205a1"
>
                                        <li class="link">
                                            <a href="injectables/AddressService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AddressService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-AppModule-92a77ace1321131e262f0857217a86da"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-AppModule-92a77ace1321131e262f0857217a86da"
>
                                        <li class="link">
                                            <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CheckoutFooterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CheckoutFooterComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CheckoutHeaderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CheckoutHeaderComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#injectables-links-module-AppModule-92a77ace1321131e262f0857217a86da"
>
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="injectables-links-module-AppModule-92a77ace1321131e262f0857217a86da"
>
                                        <li class="link">
                                            <a href="injectables/AddressService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AddressService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/AppServerModule.html" data-type="entity-link">AppServerModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-AppServerModule-0d409c478be9f09b2342c7e391b4f86b"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-AppServerModule-0d409c478be9f09b2342c7e391b4f86b"
>
                                        <li class="link">
                                            <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/AuthModule.html" data-type="entity-link">AuthModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-AuthModule-6a30c167152c0cce8990370619f1915b"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-AuthModule-6a30c167152c0cce8990370619f1915b"
>
                                        <li class="link">
                                            <a href="components/ForgetPasswordComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ForgetPasswordComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LoginComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LoginComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/SignUpComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">SignUpComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/UpdatePasswordComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">UpdatePasswordComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/CartModule.html" data-type="entity-link">CartModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-CartModule-51d9cd116e8c68daed69e7ccd4495388"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-CartModule-51d9cd116e8c68daed69e7ccd4495388"
>
                                        <li class="link">
                                            <a href="components/CartComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CartComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/EmptyCartComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">EmptyCartComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LineItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LineItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LineItemListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LineItemListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderTotalSummaryComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderTotalSummaryComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/CheckoutModule.html" data-type="entity-link">CheckoutModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-CheckoutModule-f176efaf36413b36d9323c6963dadebe"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-CheckoutModule-f176efaf36413b36d9323c6963dadebe"
>
                                        <li class="link">
                                            <a href="components/OrderFailedComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderFailedComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderSuccessComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderSuccessComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/CoreModule.html" data-type="entity-link">CoreModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#injectables-links-module-CoreModule-951c4346a25824298bc7fd27027e4a80"
>
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="injectables-links-module-CoreModule-951c4346a25824298bc7fd27027e4a80"
>
                                        <li class="link">
                                            <a href="injectables/AuthService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AuthService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/CanActivateViaAuthGuard.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>CanActivateViaAuthGuard</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/CheckoutService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>CheckoutService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/ProductService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>ProductService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/TransferStateService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>TransferStateService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/UserService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>UserService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/VariantParserService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>VariantParserService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/VariantRetriverService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>VariantRetriverService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/HomeModule.html" data-type="entity-link">HomeModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-HomeModule-9f791013b112aad1a19fc420480ea691"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-HomeModule-9f791013b112aad1a19fc420480ea691"
>
                                        <li class="link">
                                            <a href="components/BrandFilterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandFilterComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BreadcrumbComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BreadcrumbComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoryPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoryPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ContentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ContentComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ContentHeaderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ContentHeaderComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CustomizeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CustomizeComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FilterMobileMenuComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FilterMobileMenuComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FilterSummaryComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FilterSummaryComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HomeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HomeComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductListItemComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/LandingModule.html" data-type="entity-link">LandingModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-LandingModule-7859338e335e7bbac8c4b8b5633c523d"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-LandingModule-7859338e335e7bbac8c4b8b5633c523d"
>
                                        <li class="link">
                                            <a href="components/AboutUsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AboutUsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BrandsPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandsPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FaqPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FaqPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LandingComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LandingComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LpBannerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LpBannerComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LpBrandsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LpBrandsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/LpPromoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">LpPromoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/PlItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">PlItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ReturnPolicyComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReturnPolicyComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/LandingRoutingModule.html" data-type="entity-link">LandingRoutingModule</a>
                    </li>
                    <li class="link">
                        <a href="modules/LayoutModule.html" data-type="entity-link">LayoutModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-LayoutModule-6f5b3972b40841e732aa2938b86126f2"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-LayoutModule-6f5b3972b40841e732aa2938b86126f2"
>
                                        <li class="link">
                                            <a href="components/BrandListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BrandLogoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandLogoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/BrandMenuDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandMenuDropdownComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesDetailsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesDetailsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesListComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoriesMenuDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoriesMenuDropdownComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/CategoryMobileMenuComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CategoryMobileMenuComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterContactInfoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterContactInfoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterQuickLinksComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterQuickLinksComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FooterSocialLinksComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterSocialLinksComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderCartComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderCartComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderHelpDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderHelpDropdownComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HeaderSearchComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderSearchComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfileDropdownComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfileDropdownComponent</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/PaymentModule.html" data-type="entity-link">PaymentModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
>
                                        <li class="link">
                                            <a href="components/CashOnDeliveryComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CashOnDeliveryComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/HostedPaymentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HostedPaymentComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/PaymentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">PaymentComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/PaymentModesListComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">PaymentModesListComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#injectables-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
>
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="injectables-links-module-PaymentModule-337b62d6c00bad08d2c55dc51ad847a2"
>
                                        <li class="link">
                                            <a href="injectables/PaymentService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>PaymentService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/ProductModule.html" data-type="entity-link">ProductModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
>
                                        <li class="link">
                                            <a href="components/CheckPincodeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">CheckPincodeComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductCountComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductCountComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductDescriptionComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductDescriptionComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductDetailPageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductDetailPageComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductDetailsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductDetailsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductImagesComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductImagesComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductPriceInfoComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductPriceInfoComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductReviewComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductReviewComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductVariantsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductVariantsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/WriteProductReviewComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">WriteProductReviewComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#injectables-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
>
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="injectables-links-module-ProductModule-0cfd721a9c160f9b621dc299d1002af0"
>
                                        <li class="link">
                                            <a href="injectables/ProductResolver.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>ProductResolver</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/ProductRoutingModule.html" data-type="entity-link">ProductRoutingModule</a>
                    </li>
                    <li class="link">
                        <a href="modules/SharedModule.html" data-type="entity-link">SharedModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
>
                                        <li class="link">
                                            <a href="components/InnerIproductComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">InnerIproductComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProductSliderComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProductSliderComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/SavedAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">SavedAddressComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#directives-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
>
                                    <span class="fa fa-fw fa-code"></span>
                                    <span>Directives</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="directives-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
>
                                        <li class="link">
                                            <a href="directives/ZoomableDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ZoomableDirective</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#pipes-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
>
                                    <span class="fa fa-fw fa-plus"></span>
                                    <span>Pipes</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="pipes-links-module-SharedModule-c1a5fe956126ef08b91a9d1ec0c1af36"
>
                                        <li class="link">
                                            <a href="pipes/HumanizePipe.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">HumanizePipe</a>
                                        </li>
                                        <li class="link">
                                            <a href="pipes/KeysPipe.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">KeysPipe</a>
                                        </li>
                                        <li class="link">
                                            <a href="pipes/ReversePipe.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReversePipe</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
                    <li class="link">
                        <a href="modules/UserModule.html" data-type="entity-link">UserModule</a>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#components-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
>
                                    <span class="fa fa-fw fa-cogs"></span>
                                    <span>Components</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="components-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
>
                                        <li class="link">
                                            <a href="components/AddEditAddressComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddEditAddressComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/AddressesComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AddressesComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FavoriteProductListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FavoriteProductListItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/FavoriteProductsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">FavoriteProductsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderDetailComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderDetailComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrderListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrderListItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OrdersComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OrdersComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/OverviewComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">OverviewComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfileComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfileComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfileEmailComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfileEmailComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ProfilePasswordComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ProfilePasswordComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ReturnListItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReturnListItemComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/ReturnsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">ReturnsComponent</a>
                                        </li>
                                        <li class="link">
                                            <a href="components/UserComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">UserComponent</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="chapter inner">
                                <div class="simple menu-toggler" data-toggle="collapse"
                                        data-target="#injectables-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
>
                                    <span class="fa fa-fw fa-long-arrow-down"></span>
                                    <span>Injectables</span>
                                    <span class="fa fa-angle-down"></span>
                                </div>
                                <ul class="links collapse"
                                        id="injectables-links-module-UserModule-07f1076bf110e1178318eff549ee814a"
>
                                        <li class="link">
                                            <a href="injectables/AddressService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>AddressService</a>
                                        </li>
                                </ul>
                            </li>
                    </li>
            </ul>
        </li>

                <li class="chapter">
                    <div class="simple menu-toggler" data-toggle="collapse"
                            data-target="#components-links"
>
                        <span class="fa fa-fw fa-cogs"></span>
                        <span>Components</span>
                        <span class="fa fa-angle-down"></span>
                    </div>
                    <ul class="links collapse"
                            id="components-links"
>
                            <li class="link">
                                <a href="components/LpProductListComponent.html" data-type="entity-link">LpProductListComponent</a>
                            </li>
                    </ul>
                </li>


        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#classes-links"
>
                <span class="fa fa-fw fa-file-code-o"></span>
                <span>Classes</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="classes-links"
>
                    <li class="link">
                        <a href="classes/Address.html" data-type="entity-link">Address</a>
                    </li>
                    <li class="link">
                        <a href="classes/AppPreloadingStrategy.html" data-type="entity-link">AppPreloadingStrategy</a>
                    </li>
                    <li class="link">
                        <a href="classes/AuthActions.html" data-type="entity-link">AuthActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/Brand.html" data-type="entity-link">Brand</a>
                    </li>
                    <li class="link">
                        <a href="classes/CJsonApi.html" data-type="entity-link">CJsonApi</a>
                    </li>
                    <li class="link">
                        <a href="classes/CState.html" data-type="entity-link">CState</a>
                    </li>
                    <li class="link">
                        <a href="classes/CheckoutActions.html" data-type="entity-link">CheckoutActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/Classification.html" data-type="entity-link">Classification</a>
                    </li>
                    <li class="link">
                        <a href="classes/Country.html" data-type="entity-link">Country</a>
                    </li>
                    <li class="link">
                        <a href="classes/HideMobileMainMenu.html" data-type="entity-link">HideMobileMainMenu</a>
                    </li>
                    <li class="link">
                        <a href="classes/HideMobileSearchBar.html" data-type="entity-link">HideMobileSearchBar</a>
                    </li>
                    <li class="link">
                        <a href="classes/Image.html" data-type="entity-link">Image</a>
                    </li>
                    <li class="link">
                        <a href="classes/LightOrder.html" data-type="entity-link">LightOrder</a>
                    </li>
                    <li class="link">
                        <a href="classes/LineItem.html" data-type="entity-link">LineItem</a>
                    </li>
                    <li class="link">
                        <a href="classes/LoadLayouts.html" data-type="entity-link">LoadLayouts</a>
                    </li>
                    <li class="link">
                        <a href="classes/OptionType.html" data-type="entity-link">OptionType</a>
                    </li>
                    <li class="link">
                        <a href="classes/OptionValue.html" data-type="entity-link">OptionValue</a>
                    </li>
                    <li class="link">
                        <a href="classes/Order.html" data-type="entity-link">Order</a>
                    </li>
                    <li class="link">
                        <a href="classes/PasswordMatchValidator.html" data-type="entity-link">PasswordMatchValidator</a>
                    </li>
                    <li class="link">
                        <a href="classes/Payment.html" data-type="entity-link">Payment</a>
                    </li>
                    <li class="link">
                        <a href="classes/PaymentMode.html" data-type="entity-link">PaymentMode</a>
                    </li>
                    <li class="link">
                        <a href="classes/Price.html" data-type="entity-link">Price</a>
                    </li>
                    <li class="link">
                        <a href="classes/Product.html" data-type="entity-link">Product</a>
                    </li>
                    <li class="link">
                        <a href="classes/ProductActions.html" data-type="entity-link">ProductActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/ProductProperty.html" data-type="entity-link">ProductProperty</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingCategory.html" data-type="entity-link">RatingCategory</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingOption.html" data-type="entity-link">RatingOption</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingOptionVote.html" data-type="entity-link">RatingOptionVote</a>
                    </li>
                    <li class="link">
                        <a href="classes/RatingSummary.html" data-type="entity-link">RatingSummary</a>
                    </li>
                    <li class="link">
                        <a href="classes/Review.html" data-type="entity-link">Review</a>
                    </li>
                    <li class="link">
                        <a href="classes/ReviewList.html" data-type="entity-link">ReviewList</a>
                    </li>
                    <li class="link">
                        <a href="classes/SearchActions.html" data-type="entity-link">SearchActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/ShowMobileMainMenu.html" data-type="entity-link">ShowMobileMainMenu</a>
                    </li>
                    <li class="link">
                        <a href="classes/ShowMobileSearchBar.html" data-type="entity-link">ShowMobileSearchBar</a>
                    </li>
                    <li class="link">
                        <a href="classes/Taxon.html" data-type="entity-link">Taxon</a>
                    </li>
                    <li class="link">
                        <a href="classes/User.html" data-type="entity-link">User</a>
                    </li>
                    <li class="link">
                        <a href="classes/UserActions.html" data-type="entity-link">UserActions</a>
                    </li>
                    <li class="link">
                        <a href="classes/Variant.html" data-type="entity-link">Variant</a>
                    </li>
            </ul>
        </li>

                <li class="chapter">
                    <div class="simple menu-toggler" data-toggle="collapse"
                            data-target="#injectables-links"
>
                        <span class="fa fa-fw fa-long-arrow-down"></span>
                        <span>Injectables</span>
                        <span class="fa fa-angle-down"></span>
                    </div>
                    <ul class="links collapse"
                            id="injectables-links"
>
                            <li class="link">
                                <a href="injectables/AddressService.html" data-type="entity-link">AddressService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/AuthService.html" data-type="entity-link">AuthService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/AuthenticationEffects.html" data-type="entity-link">AuthenticationEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/CanActivateViaAuthGuard.html" data-type="entity-link">CanActivateViaAuthGuard</a>
                            </li>
                            <li class="link">
                                <a href="injectables/CheckoutEffects.html" data-type="entity-link">CheckoutEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/CheckoutService.html" data-type="entity-link">CheckoutService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/FilterPipe.html" data-type="entity-link">FilterPipe</a>
                            </li>
                            <li class="link">
                                <a href="injectables/FilterPipe.html" data-type="entity-link">FilterPipe</a>
                            </li>
                            <li class="link">
                                <a href="injectables/JsonApiParserService.html" data-type="entity-link">JsonApiParserService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/LayoutEffects.html" data-type="entity-link">LayoutEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/PaymentService.html" data-type="entity-link">PaymentService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/ProductEffects.html" data-type="entity-link">ProductEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/ProductResolver.html" data-type="entity-link">ProductResolver</a>
                            </li>
                            <li class="link">
                                <a href="injectables/ProductService.html" data-type="entity-link">ProductService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/TransferStateService.html" data-type="entity-link">TransferStateService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/UserEffects.html" data-type="entity-link">UserEffects</a>
                            </li>
                            <li class="link">
                                <a href="injectables/UserService.html" data-type="entity-link">UserService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/VariantParserService.html" data-type="entity-link">VariantParserService</a>
                            </li>
                            <li class="link">
                                <a href="injectables/VariantRetriverService.html" data-type="entity-link">VariantRetriverService</a>
                            </li>
                    </ul>
                </li>

        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#interceptors-links"
>
                <span class="fa fa-fw fa-exchange"></span>
                <span>Interceptors</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="interceptors-links"
>
                    <li class="link">
                        <a href="interceptors/ResponseInterceptor.html" data-type="entity-link">ResponseInterceptor</a>
                    </li>
                    <li class="link">
                        <a href="interceptors/TokenInterceptor.html" data-type="entity-link">TokenInterceptor</a>
                    </li>
                    <li class="link">
                        <a href="interceptors/TransferStateInterceptor.html" data-type="entity-link">TransferStateInterceptor</a>
                    </li>
            </ul>
        </li>

        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#interfaces-links"
>
                <span class="fa fa-fw fa-info"></span>
                <span>Interfaces</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="interfaces-links"
>
                    <li class="link">
                        <a href="interfaces/AppState.html" data-type="entity-link">AppState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/AuthState.html" data-type="entity-link">AuthState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/CheckoutState.html" data-type="entity-link">CheckoutState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/HomeState.html" data-type="entity-link">HomeState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/LayoutState.html" data-type="entity-link">LayoutState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/OptionTypesHash.html" data-type="entity-link">OptionTypesHash</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/ProductState.html" data-type="entity-link">ProductState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/SearchState.html" data-type="entity-link">SearchState</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/State.html" data-type="entity-link">State</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/Taxonomy.html" data-type="entity-link">Taxonomy</a>
                    </li>
                    <li class="link">
                        <a href="interfaces/UserState.html" data-type="entity-link">UserState</a>
                    </li>
            </ul>
        </li>


        <li class="chapter">
            <div class="simple menu-toggler" data-toggle="collapse"
                    data-target="#miscellaneous-links"
>
                <span class="fa fa-fw fa-cubes"></span>
                <span>Miscellaneous</span>
                <span class="fa fa-angle-down"></span>
            </div>
            <ul class="links collapse"
                    id="miscellaneous-links"
>
                    <li class="link">
                      <a href="miscellaneous/enumerations.html" data-type="entity-link">Enums</a>
                    </li>
                    <li class="link">
                      <a href="miscellaneous/functions.html" data-type="entity-link">Functions</a>
                    </li>
                    <li class="link">
                      <a href="miscellaneous/typealiases.html" data-type="entity-link">Type aliases</a>
                    </li>
                    <li class="link">
                      <a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
                    </li>
            </ul>
        </li>


        <li class="chapter">
            <a data-type="chapter-link" href="coverage.html"><span class="fa fa-fw fa-tasks"></span>Documentation coverage</a>
        </li>

        <li class="divider"></li>
        <li class="copyright">
                Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                            <img data-src="images/compodoc-vectorise.svg" class="img-responsive" data-type="compodoc-logo">
                </a>
        </li>

    </ul>

</nav>
               </div>
               <!-- START CONTENT -->
               <div class="content overview">
                   <div class="content-data">


<ol class="breadcrumb">
    <li>Overview</li>
</ol>
            <div class="text-center module-graph-container">
                <div id="module-graph-svg">
                    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="15193pt" height="439pt"
 viewBox="0.00 0.00 15193.00 439.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 435)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-435 15189,-435 15189,4 -4,4"/>
<text text-anchor="start" x="7571.5091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="7358.5,-10 7358.5,-30 7378.5,-30 7378.5,-10 7358.5,-10"/>
<text text-anchor="start" x="7382.129" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="7471.5,-10 7471.5,-30 7491.5,-30 7491.5,-10 7471.5,-10"/>
<text text-anchor="start" x="7495.2251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="7557.5,-10 7557.5,-30 7577.5,-30 7577.5,-10 7557.5,-10"/>
<text text-anchor="start" x="7581.2812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="7654.5,-10 7654.5,-30 7674.5,-30 7674.5,-10 7654.5,-10"/>
<text text-anchor="start" x="7678.1732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="7750.5,-10 7750.5,-30 7770.5,-30 7770.5,-10 7750.5,-10"/>
<text text-anchor="start" x="7774.2258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Exports</text>
<g id="clust1" class="cluster">
<title>cluster_AddressModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="4225,-146 4225,-282 5230,-282 5230,-146 4225,-146"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_AddressModule_declarations</title>
<polygon fill="none" stroke="#000000" points="4233,-154 4233,-206 4932,-206 4932,-154 4233,-154"/>
</g>
<g id="clust7" class="cluster">
<title>cluster_AddressModule_imports</title>
<polygon fill="none" stroke="#000000" points="4940,-154 4940,-206 5054,-206 5054,-154 4940,-154"/>
</g>
<g id="clust10" class="cluster">
<title>cluster_AddressModule_providers</title>
<polygon fill="none" stroke="#000000" points="5062,-154 5062,-206 5222,-206 5222,-154 5062,-154"/>
</g>
<g id="clust11" class="cluster">
<title>cluster_AppModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8513,-222 8513,-423 9445,-423 9445,-222 8513,-222"/>
</g>
<g id="clust12" class="cluster">
<title>cluster_AppModule_declarations</title>
<polygon fill="none" stroke="#000000" points="8933,-230 8933,-282 9437,-282 9437,-230 8933,-230"/>
</g>
<g id="clust16" class="cluster">
<title>cluster_AppModule_imports</title>
<polygon fill="none" stroke="#000000" points="8521,-230 8521,-282 8925,-282 8925,-230 8521,-230"/>
</g>
<g id="clust18" class="cluster">
<title>cluster_AppModule_bootstrap</title>
<polygon fill="none" stroke="#000000" points="9070,-363 9070,-415 9194,-415 9194,-363 9070,-363"/>
</g>
<g id="clust20" class="cluster">
<title>cluster_AppServerModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="9453,-295 9453,-347 9589,-347 9589,-295 9453,-295"/>
</g>
<g id="clust26" class="cluster">
<title>cluster_AuthModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="1786,-146 1786,-282 2457,-282 2457,-146 1786,-146"/>
</g>
<g id="clust27" class="cluster">
<title>cluster_AuthModule_declarations</title>
<polygon fill="none" stroke="#000000" points="1794,-154 1794,-206 2449,-206 2449,-154 1794,-154"/>
</g>
<g id="clust36" class="cluster">
<title>cluster_CartModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="940,-146 940,-282 1778,-282 1778,-146 940,-146"/>
</g>
<g id="clust37" class="cluster">
<title>cluster_CartModule_declarations</title>
<polygon fill="none" stroke="#000000" points="948,-154 948,-206 1770,-206 1770,-154 948,-154"/>
</g>
<g id="clust47" class="cluster">
<title>cluster_CheckoutModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="443,-222 443,-347 932,-347 932,-222 443,-222"/>
</g>
<g id="clust48" class="cluster">
<title>cluster_CheckoutModule_declarations</title>
<polygon fill="none" stroke="#000000" points="583,-230 583,-282 924,-282 924,-230 583,-230"/>
</g>
<g id="clust51" class="cluster">
<title>cluster_CheckoutModule_imports</title>
<polygon fill="none" stroke="#000000" points="451,-230 451,-282 575,-282 575,-230 451,-230"/>
</g>
<g id="clust55" class="cluster">
<title>cluster_CoreModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8596,-146 8596,-214 10688,-214 10688,-146 8596,-146"/>
</g>
<g id="clust60" class="cluster">
<title>cluster_CoreModule_providers</title>
<polygon fill="none" stroke="#000000" points="8604,-154 8604,-206 10680,-206 10680,-154 8604,-154"/>
</g>
<g id="clust61" class="cluster">
<title>cluster_HomeModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="10696,-146 10696,-214 12742,-214 12742,-146 10696,-146"/>
</g>
<g id="clust62" class="cluster">
<title>cluster_HomeModule_declarations</title>
<polygon fill="none" stroke="#000000" points="10704,-154 10704,-206 12734,-206 12734,-154 10704,-154"/>
</g>
<g id="clust79" class="cluster">
<title>cluster_LandingModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="2465,-146 2465,-282 4217,-282 4217,-146 2465,-146"/>
</g>
<g id="clust80" class="cluster">
<title>cluster_LandingModule_declarations</title>
<polygon fill="none" stroke="#000000" points="2649,-154 2649,-206 4209,-206 4209,-154 2649,-154"/>
</g>
<g id="clust91" class="cluster">
<title>cluster_LandingModule_imports</title>
<polygon fill="none" stroke="#000000" points="2473,-154 2473,-206 2641,-206 2641,-154 2473,-154"/>
</g>
<g id="clust101" class="cluster">
<title>cluster_LayoutModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="5238,-146 5238,-214 8588,-214 8588,-146 5238,-146"/>
</g>
<g id="clust102" class="cluster">
<title>cluster_LayoutModule_declarations</title>
<polygon fill="none" stroke="#000000" points="5535,-154 5535,-206 8580,-206 8580,-154 5535,-154"/>
</g>
<g id="clust120" class="cluster">
<title>cluster_LayoutModule_exports</title>
<polygon fill="none" stroke="#000000" points="5246,-154 5246,-206 5527,-206 5527,-154 5246,-154"/>
</g>
<g id="clust123" class="cluster">
<title>cluster_PaymentModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-146 8,-214 932,-214 932,-146 8,-146"/>
</g>
<g id="clust124" class="cluster">
<title>cluster_PaymentModule_declarations</title>
<polygon fill="none" stroke="#000000" points="188,-154 188,-206 924,-206 924,-154 188,-154"/>
</g>
<g id="clust132" class="cluster">
<title>cluster_PaymentModule_providers</title>
<polygon fill="none" stroke="#000000" points="16,-154 16,-206 180,-206 180,-154 16,-154"/>
</g>
<g id="clust133" class="cluster">
<title>cluster_ProductModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="12750,-146 12750,-355 15177,-355 15177,-146 12750,-146"/>
</g>
<g id="clust134" class="cluster">
<title>cluster_ProductModule_declarations</title>
<polygon fill="none" stroke="#000000" points="13104,-154 13104,-206 15169,-206 15169,-154 13104,-154"/>
</g>
<g id="clust146" class="cluster">
<title>cluster_ProductModule_imports</title>
<polygon fill="none" stroke="#000000" points="12932,-154 12932,-206 13096,-206 13096,-154 12932,-154"/>
</g>
<g id="clust147" class="cluster">
<title>cluster_ProductModule_exports</title>
<polygon fill="none" stroke="#000000" points="13192,-295 13192,-347 14555,-347 14555,-295 13192,-295"/>
</g>
<g id="clust149" class="cluster">
<title>cluster_ProductModule_providers</title>
<polygon fill="none" stroke="#000000" points="12758,-154 12758,-206 12924,-206 12924,-154 12758,-154"/>
</g>
<g id="clust156" class="cluster">
<title>cluster_SharedModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="4068,-70 4068,-138 5899,-138 5899,-70 4068,-70"/>
</g>
<g id="clust157" class="cluster">
<title>cluster_SharedModule_declarations</title>
<polygon fill="none" stroke="#000000" points="4910,-78 4910,-130 5891,-130 5891,-78 4910,-78"/>
</g>
<g id="clust166" class="cluster">
<title>cluster_SharedModule_exports</title>
<polygon fill="none" stroke="#000000" points="4076,-78 4076,-130 4902,-130 4902,-78 4076,-78"/>
</g>
<g id="clust169" class="cluster">
<title>cluster_UserModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="5238,-222 5238,-347 7623,-347 7623,-222 5238,-222"/>
</g>
<g id="clust170" class="cluster">
<title>cluster_UserModule_declarations</title>
<polygon fill="none" stroke="#000000" points="5246,-230 5246,-282 7615,-282 7615,-230 5246,-230"/>
</g>
<!-- AddAddressComponent -->
<g id="node1" class="node">
<title>AddAddressComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4537.8103,-198 4386.1897,-198 4386.1897,-162 4537.8103,-162 4537.8103,-198"/>
<text text-anchor="middle" x="4462" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AddAddressComponent</text>
</g>
<!-- AddressModule -->
<g id="node5" class="node">
<title>AddressModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="4791.9216,-274 4788.9216,-278 4767.9216,-278 4764.9216,-274 4686.0784,-274 4686.0784,-238 4791.9216,-238 4791.9216,-274"/>
<text text-anchor="middle" x="4739" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AddressModule</text>
</g>
<!-- AddAddressComponent&#45;&gt;AddressModule -->
<g id="edge1" class="edge">
<title>AddAddressComponent&#45;&gt;AddressModule</title>
<path fill="none" stroke="#000000" d="M4462,-198.1686C4462,-217.0898 4462,-244 4462,-244 4462,-244 4676.2464,-244 4676.2464,-244"/>
<polygon fill="#000000" stroke="#000000" points="4676.2465,-247.5001 4686.2464,-244 4676.2464,-240.5001 4676.2465,-247.5001"/>
</g>
<!-- AddressComponent -->
<g id="node2" class="node">
<title>AddressComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4368.7036,-198 4241.2964,-198 4241.2964,-162 4368.7036,-162 4368.7036,-198"/>
<text text-anchor="middle" x="4305" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AddressComponent</text>
</g>
<!-- AddressComponent&#45;&gt;AddressModule -->
<g id="edge2" class="edge">
<title>AddressComponent&#45;&gt;AddressModule</title>
<path fill="none" stroke="#000000" d="M4305,-198.1289C4305,-218.5724 4305,-249 4305,-249 4305,-249 4676.217,-249 4676.217,-249"/>
<polygon fill="#000000" stroke="#000000" points="4676.217,-252.5001 4686.217,-249 4676.2169,-245.5001 4676.217,-252.5001"/>
</g>
<!-- DeliveryAddressComponent -->
<g id="node3" class="node">
<title>DeliveryAddressComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4924.1811,-198 4747.8189,-198 4747.8189,-162 4924.1811,-162 4924.1811,-198"/>
<text text-anchor="middle" x="4836" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DeliveryAddressComponent</text>
</g>
<!-- DeliveryAddressComponent&#45;&gt;AddressModule -->
<g id="edge3" class="edge">
<title>DeliveryAddressComponent&#45;&gt;AddressModule</title>
<path fill="none" stroke="#000000" d="M4769.81,-198.0109C4769.81,-198.0109 4769.81,-227.855 4769.81,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="4766.31,-227.8549 4769.81,-237.855 4773.31,-227.855 4766.31,-227.8549"/>
</g>
<!-- DeliveryOptionsComponent -->
<g id="node4" class="node">
<title>DeliveryOptionsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4730.1428,-198 4555.8572,-198 4555.8572,-162 4730.1428,-162 4730.1428,-198"/>
<text text-anchor="middle" x="4643" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DeliveryOptionsComponent</text>
</g>
<!-- DeliveryOptionsComponent&#45;&gt;AddressModule -->
<g id="edge4" class="edge">
<title>DeliveryOptionsComponent&#45;&gt;AddressModule</title>
<path fill="none" stroke="#000000" d="M4708.3054,-198.0109C4708.3054,-198.0109 4708.3054,-227.855 4708.3054,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="4704.8055,-227.8549 4708.3054,-237.855 4711.8055,-227.855 4704.8055,-227.8549"/>
</g>
<!-- CheckoutModule -->
<g id="node31" class="node">
<title>CheckoutModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="910.7064,-339 907.7064,-343 886.7064,-343 883.7064,-339 797.2936,-339 797.2936,-303 910.7064,-303 910.7064,-339"/>
<text text-anchor="middle" x="854" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">CheckoutModule</text>
</g>
<!-- AddressModule&#45;&gt;CheckoutModule -->
<g id="edge31" class="edge">
<title>AddressModule&#45;&gt;CheckoutModule</title>
<path fill="none" stroke="#000000" d="M4721.4299,-274.2396C4721.4299,-289.5706 4721.4299,-309 4721.4299,-309 4721.4299,-309 920.9145,-309 920.9145,-309"/>
<polygon fill="#000000" stroke="#000000" points="920.9146,-305.5001 910.9145,-309 920.9145,-312.5001 920.9146,-305.5001"/>
</g>
<!-- UserModule -->
<g id="node139" class="node">
<title>UserModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="6366.9762,-339 6363.9762,-343 6342.9762,-343 6339.9762,-339 6281.0238,-339 6281.0238,-303 6366.9762,-303 6366.9762,-339"/>
<text text-anchor="middle" x="6324" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserModule</text>
</g>
<!-- AddressModule&#45;&gt;UserModule -->
<g id="edge143" class="edge">
<title>AddressModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M4756.5701,-274.3802C4756.5701,-298.2785 4756.5701,-337 4756.5701,-337 4756.5701,-337 6270.853,-337 6270.853,-337"/>
<polygon fill="#000000" stroke="#000000" points="6270.853,-340.5001 6280.853,-337 6270.8529,-333.5001 6270.853,-340.5001"/>
</g>
<!-- SharedModule -->
<g id="node6" class="node">
<title>SharedModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="5046.4231,-198 5043.4231,-202 5022.4231,-202 5019.4231,-198 4947.5769,-198 4947.5769,-162 5046.4231,-162 5046.4231,-198"/>
<text text-anchor="middle" x="4997" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SharedModule</text>
</g>
<!-- SharedModule&#45;&gt;AddressModule -->
<g id="edge5" class="edge">
<title>SharedModule&#45;&gt;AddressModule</title>
<path fill="none" stroke="#000000" d="M4980.5963,-198.0267C4980.5963,-218.7672 4980.5963,-250 4980.5963,-250 4980.5963,-250 4801.7208,-250 4801.7208,-250"/>
<polygon fill="#000000" stroke="#000000" points="4801.7208,-246.5001 4791.7208,-250 4801.7208,-253.5001 4801.7208,-246.5001"/>
</g>
<!-- AppModule -->
<g id="node11" class="node">
<title>AppModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="8931.6571,-339 8928.6571,-343 8907.6571,-343 8904.6571,-339 8848.3429,-339 8848.3429,-303 8931.6571,-303 8931.6571,-339"/>
<text text-anchor="middle" x="8890" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppModule</text>
</g>
<!-- SharedModule&#45;&gt;AppModule -->
<g id="edge14" class="edge">
<title>SharedModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M5002.4679,-198.0735C5002.4679,-231.3634 5002.4679,-299 5002.4679,-299 5002.4679,-299 8851.8789,-299 8851.8789,-299 8851.8789,-299 8851.8789,-299.3832 8851.8789,-299.3832"/>
<polygon fill="#000000" stroke="#000000" points="8848.3791,-292.832 8851.8789,-302.8321 8855.3791,-292.8322 8848.3791,-292.832"/>
</g>
<!-- HomeModule -->
<g id="node14" class="node">
<title>HomeModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="8844.7619,-274 8841.7619,-278 8820.7619,-278 8817.7619,-274 8751.2381,-274 8751.2381,-238 8844.7619,-238 8844.7619,-274"/>
<text text-anchor="middle" x="8798" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeModule</text>
</g>
<!-- SharedModule&#45;&gt;HomeModule -->
<g id="edge58" class="edge">
<title>SharedModule&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M5000.2807,-161.8457C5000.2807,-160.7031 5000.2807,-160 5000.2807,-160 5000.2807,-160 8776.8307,-160 8776.8307,-160 8776.8307,-160 8776.8307,-227.9431 8776.8307,-227.9431"/>
<polygon fill="#000000" stroke="#000000" points="8773.3308,-227.9431 8776.8307,-237.9431 8780.3308,-227.9432 8773.3308,-227.9431"/>
</g>
<!-- LayoutModule -->
<g id="node15" class="node">
<title>LayoutModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="8628.7078,-274 8625.7078,-278 8604.7078,-278 8601.7078,-274 8529.2922,-274 8529.2922,-238 8628.7078,-238 8628.7078,-274"/>
<text text-anchor="middle" x="8579" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">LayoutModule</text>
</g>
<!-- SharedModule&#45;&gt;LayoutModule -->
<g id="edge87" class="edge">
<title>SharedModule&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M5013.4037,-198.4218C5013.4037,-207.2791 5013.4037,-216 5013.4037,-216 5013.4037,-216 8532.2281,-216 8532.2281,-216 8532.2281,-216 8532.2281,-227.8726 8532.2281,-227.8726"/>
<polygon fill="#000000" stroke="#000000" points="8528.7282,-227.8725 8532.2281,-237.8726 8535.7282,-227.8726 8528.7282,-227.8725"/>
</g>
<!-- AuthModule -->
<g id="node22" class="node">
<title>AuthModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="2254.5482,-274 2251.5482,-278 2230.5482,-278 2227.5482,-274 2167.4518,-274 2167.4518,-238 2254.5482,-238 2254.5482,-274"/>
<text text-anchor="middle" x="2211" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AuthModule</text>
</g>
<!-- SharedModule&#45;&gt;AuthModule -->
<g id="edge23" class="edge">
<title>SharedModule&#45;&gt;AuthModule</title>
<path fill="none" stroke="#000000" d="M4958.7247,-198.08C4958.7247,-199.8464 4958.7247,-201 4958.7247,-201 4958.7247,-201 2225.5912,-201 2225.5912,-201 2225.5912,-201 2225.5912,-227.9909 2225.5912,-227.9909"/>
<polygon fill="#000000" stroke="#000000" points="2222.0913,-227.9909 2225.5912,-237.9909 2229.0913,-227.991 2222.0913,-227.9909"/>
</g>
<!-- SharedModule&#45;&gt;CheckoutModule -->
<g id="edge34" class="edge">
<title>SharedModule&#45;&gt;CheckoutModule</title>
<path fill="none" stroke="#000000" d="M5035.2753,-198.0773C5035.2753,-234.2287 5035.2753,-312 5035.2753,-312 5035.2753,-312 920.7287,-312 920.7287,-312"/>
<polygon fill="#000000" stroke="#000000" points="920.7287,-308.5001 910.7287,-312 920.7287,-315.5001 920.7287,-308.5001"/>
</g>
<!-- LandingModule -->
<g id="node66" class="node">
<title>LandingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="3497.2078,-274 3494.2078,-278 3473.2078,-278 3470.2078,-274 3390.7922,-274 3390.7922,-238 3497.2078,-238 3497.2078,-274"/>
<text text-anchor="middle" x="3444" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">LandingModule</text>
</g>
<!-- SharedModule&#45;&gt;LandingModule -->
<g id="edge70" class="edge">
<title>SharedModule&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M4969.6605,-198.1679C4969.6605,-200.4478 4969.6605,-202 4969.6605,-202 4969.6605,-202 3482.5173,-202 3482.5173,-202 3482.5173,-202 3482.5173,-227.7181 3482.5173,-227.7181"/>
<polygon fill="#000000" stroke="#000000" points="3479.0174,-227.718 3482.5173,-237.7181 3486.0174,-227.7181 3479.0174,-227.718"/>
</g>
<!-- ProductModule -->
<g id="node102" class="node">
<title>ProductModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="13917.5982,-274 13914.5982,-278 13893.5982,-278 13890.5982,-274 13814.4018,-274 13814.4018,-238 13917.5982,-238 13917.5982,-274"/>
<text text-anchor="middle" x="13866" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductModule</text>
</g>
<!-- SharedModule&#45;&gt;ProductModule -->
<g id="edge107" class="edge">
<title>SharedModule&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M5024.3395,-198.1543C5024.3395,-199.2969 5024.3395,-200 5024.3395,-200 5024.3395,-200 13831.4853,-200 13831.4853,-200 13831.4853,-200 13831.4853,-227.973 13831.4853,-227.973"/>
<polygon fill="#000000" stroke="#000000" points="13827.9854,-227.973 13831.4853,-237.973 13834.9854,-227.973 13827.9854,-227.973"/>
</g>
<!-- HumanizePipe  -->
<g id="node119" class="node">
<title>HumanizePipe </title>
<polygon fill="#fb8072" stroke="#000000" points="4564.9194,-122 4463.0806,-122 4463.0806,-86 4564.9194,-86 4564.9194,-122"/>
<text text-anchor="middle" x="4514" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HumanizePipe </text>
</g>
<!-- SharedModule&#45;&gt;HumanizePipe  -->
<g id="edge123" class="edge">
<title>SharedModule&#45;&gt;HumanizePipe </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M4974.0348,-161.7542C4974.0348,-147.8228 4974.0348,-131 4974.0348,-131 4974.0348,-131 4560.3193,-131 4560.3193,-131 4560.3193,-131 4560.3193,-130.1159 4560.3193,-130.1159"/>
<polygon fill="#000000" stroke="#000000" points="4563.8194,-132.1591 4560.3193,-122.1592 4556.8194,-132.1592 4563.8194,-132.1591"/>
</g>
<!-- KeysPipe  -->
<g id="node120" class="node">
<title>KeysPipe </title>
<polygon fill="#fb8072" stroke="#000000" points="4444.6538,-122 4371.3462,-122 4371.3462,-86 4444.6538,-86 4444.6538,-122"/>
<text text-anchor="middle" x="4408" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">KeysPipe </text>
</g>
<!-- SharedModule&#45;&gt;KeysPipe  -->
<g id="edge124" class="edge">
<title>SharedModule&#45;&gt;KeysPipe </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M4967.4733,-161.8196C4967.4733,-148.9618 4967.4733,-134 4967.4733,-134 4967.4733,-134 4415.4609,-134 4415.4609,-134 4415.4609,-134 4415.4609,-132.1432 4415.4609,-132.1432"/>
<polygon fill="#000000" stroke="#000000" points="4418.961,-132.1432 4415.4609,-122.1432 4411.961,-132.1432 4418.961,-132.1432"/>
</g>
<!-- ProductSliderComponent  -->
<g id="node121" class="node">
<title>ProductSliderComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="4353.8199,-122 4192.1801,-122 4192.1801,-86 4353.8199,-86 4353.8199,-122"/>
<text text-anchor="middle" x="4273" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductSliderComponent </text>
</g>
<!-- SharedModule&#45;&gt;ProductSliderComponent  -->
<g id="edge125" class="edge">
<title>SharedModule&#45;&gt;ProductSliderComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M4960.9119,-161.5146C4960.9119,-149.8601 4960.9119,-137 4960.9119,-137 4960.9119,-137 4297.6541,-137 4297.6541,-137 4297.6541,-137 4297.6541,-132.0449 4297.6541,-132.0449"/>
<polygon fill="#000000" stroke="#000000" points="4301.1542,-132.0448 4297.6541,-122.0449 4294.1542,-132.0449 4301.1542,-132.0448"/>
</g>
<!-- ReversePipe  -->
<g id="node122" class="node">
<title>ReversePipe </title>
<polygon fill="#fb8072" stroke="#000000" points="4173.9747,-122 4084.0253,-122 4084.0253,-86 4173.9747,-86 4173.9747,-122"/>
<text text-anchor="middle" x="4129" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ReversePipe </text>
</g>
<!-- SharedModule&#45;&gt;ReversePipe  -->
<g id="edge126" class="edge">
<title>SharedModule&#45;&gt;ReversePipe </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M4954.3504,-161.8726C4954.3504,-151.2891 4954.3504,-140 4954.3504,-140 4954.3504,-140 4129,-140 4129,-140 4129,-140 4129,-132.4218 4129,-132.4218"/>
<polygon fill="#000000" stroke="#000000" points="4132.5001,-132.4218 4129,-122.4218 4125.5001,-132.4219 4132.5001,-132.4218"/>
</g>
<!-- SavedAddressComponent  -->
<g id="node123" class="node">
<title>SavedAddressComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="4894.4152,-122 4729.5848,-122 4729.5848,-86 4894.4152,-86 4894.4152,-122"/>
<text text-anchor="middle" x="4812" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SavedAddressComponent </text>
</g>
<!-- SharedModule&#45;&gt;SavedAddressComponent  -->
<g id="edge127" class="edge">
<title>SharedModule&#45;&gt;SavedAddressComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M4987.1578,-161.9909C4987.1578,-145.9506 4987.1578,-125 4987.1578,-125 4987.1578,-125 4821.1836,-125 4821.1836,-125 4821.1836,-125 4821.1836,-124.708 4821.1836,-124.708"/>
<polygon fill="#000000" stroke="#000000" points="4824.6839,-132.0799 4821.1836,-122.08 4817.6839,-132.0802 4824.6839,-132.0799"/>
</g>
<!-- ZoomableDirective  -->
<g id="node124" class="node">
<title>ZoomableDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="4711.3463,-122 4582.6537,-122 4582.6537,-86 4711.3463,-86 4711.3463,-122"/>
<text text-anchor="middle" x="4647" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ZoomableDirective </text>
</g>
<!-- SharedModule&#45;&gt;ZoomableDirective  -->
<g id="edge128" class="edge">
<title>SharedModule&#45;&gt;ZoomableDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M4980.5963,-161.8129C4980.5963,-146.8176 4980.5963,-128 4980.5963,-128 4980.5963,-128 4647,-128 4647,-128 4647,-128 4647,-127.419 4647,-127.419"/>
<polygon fill="#000000" stroke="#000000" points="4650.5002,-132.1902 4647,-122.1903 4643.5002,-132.1903 4650.5002,-132.1902"/>
</g>
<!-- SharedModule&#45;&gt;UserModule -->
<g id="edge144" class="edge">
<title>SharedModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M4991.5321,-198.2706C4991.5321,-239.0636 4991.5321,-334 4991.5321,-334 4991.5321,-334 6270.8005,-334 6270.8005,-334"/>
<polygon fill="#000000" stroke="#000000" points="6270.8005,-337.5001 6280.8005,-334 6270.8005,-330.5001 6270.8005,-337.5001"/>
</g>
<!-- AddressService -->
<g id="node7" class="node">
<title>AddressService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="5142" cy="-180" rx="71.766" ry="18"/>
<text text-anchor="middle" x="5142" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AddressService</text>
</g>
<!-- AddressService&#45;&gt;AddressModule -->
<g id="edge6" class="edge">
<title>AddressService&#45;&gt;AddressModule</title>
<path fill="none" stroke="#000000" d="M5106.1836,-195.8104C5106.1836,-219.6387 5106.1836,-262 5106.1836,-262 5106.1836,-262 4801.9995,-262 4801.9995,-262"/>
<polygon fill="#000000" stroke="#000000" points="4801.9995,-258.5001 4791.9995,-262 4801.9995,-265.5001 4801.9995,-258.5001"/>
</g>
<!-- AddressService&#45;&gt;AppModule -->
<g id="edge16" class="edge">
<title>AddressService&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M5177.8164,-195.8512C5177.8164,-227.1753 5177.8164,-294 5177.8164,-294 5177.8164,-294 8855.5859,-294 8855.5859,-294 8855.5859,-294 8855.5859,-294.8841 8855.5859,-294.8841"/>
<polygon fill="#000000" stroke="#000000" points="8852.086,-292.8408 8855.5859,-302.8408 8859.086,-292.8409 8852.086,-292.8408"/>
</g>
<!-- AddressService&#45;&gt;UserModule -->
<g id="edge145" class="edge">
<title>AddressService&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M5142,-198.2141C5142,-238.3755 5142,-331 5142,-331 5142,-331 6270.8826,-331 6270.8826,-331"/>
<polygon fill="#000000" stroke="#000000" points="6270.8826,-334.5001 6280.8826,-331 6270.8826,-327.5001 6270.8826,-334.5001"/>
</g>
<!-- AppComponent -->
<g id="node8" class="node">
<title>AppComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="9046.9399,-274 8941.0601,-274 8941.0601,-238 9046.9399,-238 9046.9399,-274"/>
<text text-anchor="middle" x="8994" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent</text>
</g>
<!-- AppComponent&#45;&gt;AppModule -->
<g id="edge7" class="edge">
<title>AppComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M8941.2589,-256C8931.5536,-256 8924.4141,-256 8924.4141,-256 8924.4141,-256 8924.4141,-292.8939 8924.4141,-292.8939"/>
<polygon fill="#000000" stroke="#000000" points="8920.9142,-292.8938 8924.4141,-302.8939 8927.9142,-292.8939 8920.9142,-292.8938"/>
</g>
<!-- CheckoutFooterComponent -->
<g id="node9" class="node">
<title>CheckoutFooterComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="9428.5378,-274 9257.4622,-274 9257.4622,-238 9428.5378,-238 9428.5378,-274"/>
<text text-anchor="middle" x="9343" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CheckoutFooterComponent</text>
</g>
<!-- CheckoutFooterComponent&#45;&gt;AppModule -->
<g id="edge8" class="edge">
<title>CheckoutFooterComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M9343,-274.2667C9343,-292.5552 9343,-318 9343,-318 9343,-318 8941.8052,-318 8941.8052,-318"/>
<polygon fill="#000000" stroke="#000000" points="8941.8052,-314.5001 8931.8052,-318 8941.8051,-321.5001 8941.8052,-314.5001"/>
</g>
<!-- CheckoutHeaderComponent -->
<g id="node10" class="node">
<title>CheckoutHeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="9239.9003,-274 9064.0997,-274 9064.0997,-238 9239.9003,-238 9239.9003,-274"/>
<text text-anchor="middle" x="9152" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CheckoutHeaderComponent</text>
</g>
<!-- CheckoutHeaderComponent&#45;&gt;AppModule -->
<g id="edge9" class="edge">
<title>CheckoutHeaderComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M9070.9153,-274.0091C9070.9153,-290.0494 9070.9153,-311 9070.9153,-311 9070.9153,-311 8941.9603,-311 8941.9603,-311"/>
<polygon fill="#000000" stroke="#000000" points="8941.9604,-307.5001 8931.9603,-311 8941.9603,-314.5001 8941.9604,-307.5001"/>
</g>
<!-- AppComponent  -->
<g id="node16" class="node">
<title>AppComponent </title>
<polygon fill="#80b1d3" stroke="#000000" points="9186.439,-407 9077.561,-407 9077.561,-371 9186.439,-371 9186.439,-407"/>
<text text-anchor="middle" x="9132" y="-384.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent </text>
</g>
<!-- AppModule&#45;&gt;AppComponent  -->
<g id="edge15" class="edge">
<title>AppModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M8890,-339.2228C8890,-359.3652 8890,-389 8890,-389 8890,-389 9067.3887,-389 9067.3887,-389"/>
<polygon fill="#000000" stroke="#000000" points="9067.3888,-392.5001 9077.3887,-389 9067.3887,-385.5001 9067.3888,-392.5001"/>
</g>
<!-- AppServerModule -->
<g id="node17" class="node">
<title>AppServerModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="9581.1895,-339 9578.1895,-343 9557.1895,-343 9554.1895,-339 9460.8105,-339 9460.8105,-303 9581.1895,-303 9581.1895,-339"/>
<text text-anchor="middle" x="9521" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppServerModule</text>
</g>
<!-- AppModule&#45;&gt;AppServerModule -->
<g id="edge17" class="edge">
<title>AppModule&#45;&gt;AppServerModule</title>
<path fill="none" stroke="#000000" d="M8931.8903,-325C8931.8903,-325 9450.7695,-325 9450.7695,-325"/>
<polygon fill="#000000" stroke="#000000" points="9450.7696,-328.5001 9460.7695,-325 9450.7695,-321.5001 9450.7696,-328.5001"/>
</g>
<!-- ! -->
<g id="node12" class="node">
<title>!</title>
<polygon fill="#8dd3c7" stroke="#000000" points="8917,-274 8914,-278 8893,-278 8890,-274 8863,-274 8863,-238 8917,-238 8917,-274"/>
<text text-anchor="middle" x="8890" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">!</text>
</g>
<!-- !&#45;&gt;AppModule -->
<g id="edge10" class="edge">
<title>!&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M8890,-274.1061C8890,-274.1061 8890,-292.991 8890,-292.991"/>
<polygon fill="#000000" stroke="#000000" points="8886.5001,-292.9909 8890,-302.991 8893.5001,-292.991 8886.5001,-292.9909"/>
</g>
<!-- CoreModule -->
<g id="node13" class="node">
<title>CoreModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="8733.2619,-274 8730.2619,-278 8709.2619,-278 8706.2619,-274 8646.7381,-274 8646.7381,-238 8733.2619,-238 8733.2619,-274"/>
<text text-anchor="middle" x="8690" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CoreModule</text>
</g>
<!-- CoreModule&#45;&gt;AppModule -->
<g id="edge11" class="edge">
<title>CoreModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M8690,-274.1243C8690,-288.7832 8690,-307 8690,-307 8690,-307 8838.0734,-307 8838.0734,-307"/>
<polygon fill="#000000" stroke="#000000" points="8838.0735,-310.5001 8848.0734,-307 8838.0734,-303.5001 8838.0735,-310.5001"/>
</g>
<!-- HomeModule&#45;&gt;AppModule -->
<g id="edge12" class="edge">
<title>HomeModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M8844.7674,-256C8853.1567,-256 8859.2929,-256 8859.2929,-256 8859.2929,-256 8859.2929,-292.8939 8859.2929,-292.8939"/>
<polygon fill="#000000" stroke="#000000" points="8855.793,-292.8938 8859.2929,-302.8939 8862.793,-292.8939 8855.793,-292.8938"/>
</g>
<!-- LayoutModule&#45;&gt;AppModule -->
<g id="edge13" class="edge">
<title>LayoutModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M8579,-274.0091C8579,-290.0494 8579,-311 8579,-311 8579,-311 8838.0572,-311 8838.0572,-311"/>
<polygon fill="#000000" stroke="#000000" points="8838.0572,-314.5001 8848.0572,-311 8838.0571,-307.5001 8838.0572,-314.5001"/>
</g>
<!-- FooterComponent  -->
<g id="node84" class="node">
<title>FooterComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="5518.8814,-198 5397.1186,-198 5397.1186,-162 5518.8814,-162 5518.8814,-198"/>
<text text-anchor="middle" x="5458" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterComponent </text>
</g>
<!-- LayoutModule&#45;&gt;FooterComponent  -->
<g id="edge88" class="edge">
<title>LayoutModule&#45;&gt;FooterComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M8537.8919,-237.9445C8537.8919,-226.561 8537.8919,-214 8537.8919,-214 8537.8919,-214 5464.6843,-214 5464.6843,-214 5464.6843,-214 5464.6843,-208.1944 5464.6843,-208.1944"/>
<polygon fill="#000000" stroke="#000000" points="5468.1843,-208.1944 5464.6843,-198.1944 5461.1843,-208.1945 5468.1843,-208.1944"/>
</g>
<!-- HeaderComponent  -->
<g id="node85" class="node">
<title>HeaderComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="5379.7436,-198 5254.2564,-198 5254.2564,-162 5379.7436,-162 5379.7436,-198"/>
<text text-anchor="middle" x="5317" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderComponent </text>
</g>
<!-- LayoutModule&#45;&gt;HeaderComponent  -->
<g id="edge89" class="edge">
<title>LayoutModule&#45;&gt;HeaderComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M8535.06,-237.8975C8535.06,-226.9141 8535.06,-215 8535.06,-215 8535.06,-215 5317,-215 5317,-215 5317,-215 5317,-208.32 5317,-208.32"/>
<polygon fill="#000000" stroke="#000000" points="5320.5001,-208.32 5317,-198.32 5313.5001,-208.3201 5320.5001,-208.32"/>
</g>
<!-- AppServerModule&#45;&gt;AppComponent  -->
<g id="edge18" class="edge">
<title>AppServerModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M9460.6456,-332C9351.3827,-332 9132,-332 9132,-332 9132,-332 9132,-360.9648 9132,-360.9648"/>
<polygon fill="#000000" stroke="#000000" points="9128.5001,-360.9648 9132,-370.9648 9135.5001,-360.9649 9128.5001,-360.9648"/>
</g>
<!-- ForgetPasswordComponent -->
<g id="node18" class="node">
<title>ForgetPasswordComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2105.535,-198 1934.465,-198 1934.465,-162 2105.535,-162 2105.535,-198"/>
<text text-anchor="middle" x="2020" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ForgetPasswordComponent</text>
</g>
<!-- ForgetPasswordComponent&#45;&gt;AuthModule -->
<g id="edge19" class="edge">
<title>ForgetPasswordComponent&#45;&gt;AuthModule</title>
<path fill="none" stroke="#000000" d="M2020,-198.1532C2020,-221.7566 2020,-260 2020,-260 2020,-260 2157.1807,-260 2157.1807,-260"/>
<polygon fill="#000000" stroke="#000000" points="2157.1808,-263.5001 2167.1807,-260 2157.1807,-256.5001 2157.1808,-263.5001"/>
</g>
<!-- LoginComponent -->
<g id="node19" class="node">
<title>LoginComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1916.2758,-198 1801.7242,-198 1801.7242,-162 1916.2758,-162 1916.2758,-198"/>
<text text-anchor="middle" x="1859" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoginComponent</text>
</g>
<!-- LoginComponent&#45;&gt;AuthModule -->
<g id="edge20" class="edge">
<title>LoginComponent&#45;&gt;AuthModule</title>
<path fill="none" stroke="#000000" d="M1859,-198.0265C1859,-223.5093 1859,-267 1859,-267 1859,-267 2157.1307,-267 2157.1307,-267"/>
<polygon fill="#000000" stroke="#000000" points="2157.1307,-270.5001 2167.1307,-267 2157.1306,-263.5001 2157.1307,-270.5001"/>
</g>
<!-- SignUpComponent -->
<g id="node20" class="node">
<title>SignUpComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2441.1123,-198 2316.8877,-198 2316.8877,-162 2441.1123,-162 2441.1123,-198"/>
<text text-anchor="middle" x="2379" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SignUpComponent</text>
</g>
<!-- SignUpComponent&#45;&gt;AuthModule -->
<g id="edge21" class="edge">
<title>SignUpComponent&#45;&gt;AuthModule</title>
<path fill="none" stroke="#000000" d="M2379,-198.0105C2379,-224.0165 2379,-269 2379,-269 2379,-269 2264.7015,-269 2264.7015,-269"/>
<polygon fill="#000000" stroke="#000000" points="2264.7015,-265.5001 2254.7015,-269 2264.7014,-272.5001 2264.7015,-265.5001"/>
</g>
<!-- UpdatePasswordComponent -->
<g id="node21" class="node">
<title>UpdatePasswordComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2298.9129,-198 2123.0871,-198 2123.0871,-162 2298.9129,-162 2298.9129,-198"/>
<text text-anchor="middle" x="2211" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">UpdatePasswordComponent</text>
</g>
<!-- UpdatePasswordComponent&#45;&gt;AuthModule -->
<g id="edge22" class="edge">
<title>UpdatePasswordComponent&#45;&gt;AuthModule</title>
<path fill="none" stroke="#000000" d="M2196.4088,-198.0109C2196.4088,-198.0109 2196.4088,-227.855 2196.4088,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="2192.9089,-227.8549 2196.4088,-237.855 2199.9089,-227.855 2192.9089,-227.8549"/>
</g>
<!-- CartComponent -->
<g id="node23" class="node">
<title>CartComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1761.9357,-198 1656.0643,-198 1656.0643,-162 1761.9357,-162 1761.9357,-198"/>
<text text-anchor="middle" x="1709" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CartComponent</text>
</g>
<!-- CartModule -->
<g id="node28" class="node">
<title>CartModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="1371.6529,-274 1368.6529,-278 1347.6529,-278 1344.6529,-274 1288.3471,-274 1288.3471,-238 1371.6529,-238 1371.6529,-274"/>
<text text-anchor="middle" x="1330" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CartModule</text>
</g>
<!-- CartComponent&#45;&gt;CartModule -->
<g id="edge24" class="edge">
<title>CartComponent&#45;&gt;CartModule</title>
<path fill="none" stroke="#000000" d="M1709,-198.0449C1709,-219.6623 1709,-253 1709,-253 1709,-253 1382.0077,-253 1382.0077,-253"/>
<polygon fill="#000000" stroke="#000000" points="1382.0077,-249.5001 1372.0077,-253 1382.0077,-256.5001 1382.0077,-249.5001"/>
</g>
<!-- EmptyCartComponent -->
<g id="node24" class="node">
<title>EmptyCartComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1638.2688,-198 1495.7312,-198 1495.7312,-162 1638.2688,-162 1638.2688,-198"/>
<text text-anchor="middle" x="1567" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">EmptyCartComponent</text>
</g>
<!-- EmptyCartComponent&#45;&gt;CartModule -->
<g id="edge25" class="edge">
<title>EmptyCartComponent&#45;&gt;CartModule</title>
<path fill="none" stroke="#000000" d="M1567,-198.0348C1567,-217.5762 1567,-246 1567,-246 1567,-246 1381.8253,-246 1381.8253,-246"/>
<polygon fill="#000000" stroke="#000000" points="1381.8253,-242.5001 1371.8253,-246 1381.8253,-249.5001 1381.8253,-242.5001"/>
</g>
<!-- LineItemComponent -->
<g id="node25" class="node">
<title>LineItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1477.1471,-198 1344.8529,-198 1344.8529,-162 1477.1471,-162 1477.1471,-198"/>
<text text-anchor="middle" x="1411" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LineItemComponent</text>
</g>
<!-- LineItemComponent&#45;&gt;CartModule -->
<g id="edge26" class="edge">
<title>LineItemComponent&#45;&gt;CartModule</title>
<path fill="none" stroke="#000000" d="M1358.2514,-198.0109C1358.2514,-198.0109 1358.2514,-227.855 1358.2514,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="1354.7515,-227.8549 1358.2514,-237.855 1361.7515,-227.855 1354.7515,-227.8549"/>
</g>
<!-- LineItemListComponent -->
<g id="node26" class="node">
<title>LineItemListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1326.4256,-198 1171.5744,-198 1171.5744,-162 1326.4256,-162 1326.4256,-198"/>
<text text-anchor="middle" x="1249" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LineItemListComponent</text>
</g>
<!-- LineItemListComponent&#45;&gt;CartModule -->
<g id="edge27" class="edge">
<title>LineItemListComponent&#45;&gt;CartModule</title>
<path fill="none" stroke="#000000" d="M1307.1932,-198.0109C1307.1932,-198.0109 1307.1932,-227.855 1307.1932,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="1303.6933,-227.8549 1307.1932,-237.855 1310.6933,-227.855 1303.6933,-227.8549"/>
</g>
<!-- OrderTotalSummaryComponent -->
<g id="node27" class="node">
<title>OrderTotalSummaryComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1153.9622,-198 956.0378,-198 956.0378,-162 1153.9622,-162 1153.9622,-198"/>
<text text-anchor="middle" x="1055" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">OrderTotalSummaryComponent</text>
</g>
<!-- OrderTotalSummaryComponent&#45;&gt;CartModule -->
<g id="edge28" class="edge">
<title>OrderTotalSummaryComponent&#45;&gt;CartModule</title>
<path fill="none" stroke="#000000" d="M1055,-198.0109C1055,-220.4852 1055,-256 1055,-256 1055,-256 1278.2334,-256 1278.2334,-256"/>
<polygon fill="#000000" stroke="#000000" points="1278.2335,-259.5001 1288.2334,-256 1278.2334,-252.5001 1278.2335,-259.5001"/>
</g>
<!-- CartModule&#45;&gt;CheckoutModule -->
<g id="edge32" class="edge">
<title>CartModule&#45;&gt;CheckoutModule</title>
<path fill="none" stroke="#000000" d="M1330,-274.0511C1330,-288.373 1330,-306 1330,-306 1330,-306 920.9439,-306 920.9439,-306"/>
<polygon fill="#000000" stroke="#000000" points="920.944,-302.5001 910.9439,-306 920.9439,-309.5001 920.944,-302.5001"/>
</g>
<!-- OrderFailedComponent -->
<g id="node29" class="node">
<title>OrderFailedComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="916.4678,-274 767.5322,-274 767.5322,-238 916.4678,-238 916.4678,-274"/>
<text text-anchor="middle" x="842" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">OrderFailedComponent</text>
</g>
<!-- OrderFailedComponent&#45;&gt;CheckoutModule -->
<g id="edge29" class="edge">
<title>OrderFailedComponent&#45;&gt;CheckoutModule</title>
<path fill="none" stroke="#000000" d="M854,-274.1061C854,-274.1061 854,-292.991 854,-292.991"/>
<polygon fill="#000000" stroke="#000000" points="850.5001,-292.9909 854,-302.991 857.5001,-292.991 850.5001,-292.9909"/>
</g>
<!-- OrderSuccessComponent -->
<g id="node30" class="node">
<title>OrderSuccessComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="749.2907,-274 590.7093,-274 590.7093,-238 749.2907,-238 749.2907,-274"/>
<text text-anchor="middle" x="670" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">OrderSuccessComponent</text>
</g>
<!-- OrderSuccessComponent&#45;&gt;CheckoutModule -->
<g id="edge30" class="edge">
<title>OrderSuccessComponent&#45;&gt;CheckoutModule</title>
<path fill="none" stroke="#000000" d="M670,-274.0225C670,-291.3734 670,-315 670,-315 670,-315 787.2926,-315 787.2926,-315"/>
<polygon fill="#000000" stroke="#000000" points="787.2926,-318.5001 797.2926,-315 787.2925,-311.5001 787.2926,-318.5001"/>
</g>
<!-- PaymentModule -->
<g id="node32" class="node">
<title>PaymentModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="567.0438,-274 564.0438,-278 543.0438,-278 540.0438,-274 458.9562,-274 458.9562,-238 567.0438,-238 567.0438,-274"/>
<text text-anchor="middle" x="513" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">PaymentModule</text>
</g>
<!-- PaymentModule&#45;&gt;CheckoutModule -->
<g id="edge33" class="edge">
<title>PaymentModule&#45;&gt;CheckoutModule</title>
<path fill="none" stroke="#000000" d="M513,-274.2843C513,-295.3211 513,-327 513,-327 513,-327 787.308,-327 787.308,-327"/>
<polygon fill="#000000" stroke="#000000" points="787.308,-330.5001 797.308,-327 787.308,-323.5001 787.308,-330.5001"/>
</g>
<!-- AuthService -->
<g id="node33" class="node">
<title>AuthService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="9625" cy="-180" rx="59.1083" ry="18"/>
<text text-anchor="middle" x="9625" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AuthService</text>
</g>
<!-- AuthService&#45;&gt;CoreModule -->
<g id="edge35" class="edge">
<title>AuthService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M9573.3954,-188.9071C9573.3954,-201.2358 9573.3954,-222 9573.3954,-222 9573.3954,-222 8690,-222 8690,-222 8690,-222 8690,-227.8056 8690,-227.8056"/>
<polygon fill="#000000" stroke="#000000" points="8686.5001,-227.8055 8690,-237.8056 8693.5001,-227.8056 8686.5001,-227.8055"/>
</g>
<!-- CanActivateViaAuthGuard -->
<g id="node34" class="node">
<title>CanActivateViaAuthGuard</title>
<ellipse fill="#fdb462" stroke="#000000" cx="9431" cy="-180" rx="116.8731" ry="18"/>
<text text-anchor="middle" x="9431" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CanActivateViaAuthGuard</text>
</g>
<!-- CanActivateViaAuthGuard&#45;&gt;CoreModule -->
<g id="edge36" class="edge">
<title>CanActivateViaAuthGuard&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M9371.5411,-195.7344C9371.5411,-207.2966 9371.5411,-221 9371.5411,-221 9371.5411,-221 8682.7699,-221 8682.7699,-221 8682.7699,-221 8682.7699,-227.68 8682.7699,-227.68"/>
<polygon fill="#000000" stroke="#000000" points="8679.27,-227.6799 8682.7699,-237.68 8686.27,-227.68 8679.27,-227.6799"/>
</g>
<!-- CheckoutService -->
<g id="node35" class="node">
<title>CheckoutService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="9219" cy="-180" rx="77.0062" ry="18"/>
<text text-anchor="middle" x="9219" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CheckoutService</text>
</g>
<!-- CheckoutService&#45;&gt;CoreModule -->
<g id="edge37" class="edge">
<title>CheckoutService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M9190.8484,-197.1957C9190.8484,-208.0371 9190.8484,-220 9190.8484,-220 9190.8484,-220 8675.5397,-220 8675.5397,-220 8675.5397,-220 8675.5397,-227.5782 8675.5397,-227.5782"/>
<polygon fill="#000000" stroke="#000000" points="8672.0398,-227.5781 8675.5397,-237.5782 8679.0398,-227.5782 8672.0398,-227.5781"/>
</g>
<!-- ProductService -->
<g id="node36" class="node">
<title>ProductService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="9054" cy="-180" rx="70.0616" ry="18"/>
<text text-anchor="middle" x="9054" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductService</text>
</g>
<!-- ProductService&#45;&gt;CoreModule -->
<g id="edge38" class="edge">
<title>ProductService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M9015.3444,-195.4138C9015.3444,-206.315 9015.3444,-219 9015.3444,-219 9015.3444,-219 8668.3096,-219 8668.3096,-219 8668.3096,-219 8668.3096,-227.9336 8668.3096,-227.9336"/>
<polygon fill="#000000" stroke="#000000" points="8664.8097,-227.9335 8668.3096,-237.9336 8671.8097,-227.9336 8664.8097,-227.9335"/>
</g>
<!-- ResponseInterceptor -->
<g id="node37" class="node">
<title>ResponseInterceptor</title>
<ellipse fill="#fdb462" stroke="#000000" cx="8876" cy="-180" rx="90.3082" ry="18"/>
<text text-anchor="middle" x="8876" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ResponseInterceptor</text>
</g>
<!-- ResponseInterceptor&#45;&gt;CoreModule -->
<g id="edge39" class="edge">
<title>ResponseInterceptor&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M8790.9855,-186.2749C8790.9855,-197.068 8790.9855,-218 8790.9855,-218 8790.9855,-218 8661.0795,-218 8661.0795,-218 8661.0795,-218 8661.0795,-227.8903 8661.0795,-227.8903"/>
<polygon fill="#000000" stroke="#000000" points="8657.5796,-227.8903 8661.0795,-237.8903 8664.5796,-227.8904 8657.5796,-227.8903"/>
</g>
<!-- TokenInterceptor -->
<g id="node38" class="node">
<title>TokenInterceptor</title>
<ellipse fill="#fdb462" stroke="#000000" cx="8690" cy="-180" rx="78.1308" ry="18"/>
<text text-anchor="middle" x="8690" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">TokenInterceptor</text>
</g>
<!-- TokenInterceptor&#45;&gt;CoreModule -->
<g id="edge40" class="edge">
<title>TokenInterceptor&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M8653.8493,-196.1176C8653.8493,-196.1176 8653.8493,-227.7719 8653.8493,-227.7719"/>
<polygon fill="#000000" stroke="#000000" points="8650.3494,-227.7719 8653.8493,-237.7719 8657.3494,-227.772 8650.3494,-227.7719"/>
</g>
<!-- TransferStateInterceptor -->
<g id="node39" class="node">
<title>TransferStateInterceptor</title>
<ellipse fill="#fdb462" stroke="#000000" cx="10567" cy="-180" rx="105.3084" ry="18"/>
<text text-anchor="middle" x="10567" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">TransferStateInterceptor</text>
</g>
<!-- TransferStateInterceptor&#45;&gt;CoreModule -->
<g id="edge41" class="edge">
<title>TransferStateInterceptor&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M10567,-198.1467C10567,-211.7395 10567,-228 10567,-228 10567,-228 8726.1507,-228 8726.1507,-228 8726.1507,-228 8726.1507,-228.9793 8726.1507,-228.9793"/>
<polygon fill="#000000" stroke="#000000" points="8722.6508,-227.793 8726.1507,-237.793 8729.6508,-227.7931 8722.6508,-227.793"/>
</g>
<!-- TransferStateService -->
<g id="node40" class="node">
<title>TransferStateService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="10352" cy="-180" rx="92.0045" ry="18"/>
<text text-anchor="middle" x="10352" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">TransferStateService</text>
</g>
<!-- TransferStateService&#45;&gt;CoreModule -->
<g id="edge42" class="edge">
<title>TransferStateService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M10352,-198.037C10352,-211.2913 10352,-227 10352,-227 10352,-227 8718.9205,-227 8718.9205,-227 8718.9205,-227 8718.9205,-228.0799 8718.9205,-228.0799"/>
<polygon fill="#000000" stroke="#000000" points="8715.4206,-227.7985 8718.9205,-237.7985 8722.4206,-227.7986 8715.4206,-227.7985"/>
</g>
<!-- UserService -->
<g id="node41" class="node">
<title>UserService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="10184" cy="-180" rx="58.4415" ry="18"/>
<text text-anchor="middle" x="10184" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserService</text>
</g>
<!-- UserService&#45;&gt;CoreModule -->
<g id="edge43" class="edge">
<title>UserService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M10184,-198.1804C10184,-211.0382 10184,-226 10184,-226 10184,-226 8711.6904,-226 8711.6904,-226 8711.6904,-226 8711.6904,-227.8568 8711.6904,-227.8568"/>
<polygon fill="#000000" stroke="#000000" points="8708.1905,-227.8568 8711.6904,-237.8568 8715.1905,-227.8568 8708.1905,-227.8568"/>
</g>
<!-- VariantParserService -->
<g id="node42" class="node">
<title>VariantParserService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="10015" cy="-180" rx="93.1484" ry="18"/>
<text text-anchor="middle" x="10015" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">VariantParserService</text>
</g>
<!-- VariantParserService&#45;&gt;CoreModule -->
<g id="edge44" class="edge">
<title>VariantParserService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M10015,-198.1505C10015,-210.2708 10015,-224 10015,-224 10015,-224 8704.4603,-224 8704.4603,-224 8704.4603,-224 8704.4603,-227.7566 8704.4603,-227.7566"/>
<polygon fill="#000000" stroke="#000000" points="8700.9604,-227.7566 8704.4603,-237.7566 8707.9604,-227.7566 8700.9604,-227.7566"/>
</g>
<!-- VariantRetriverService -->
<g id="node43" class="node">
<title>VariantRetriverService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="9803" cy="-180" rx="100.6727" ry="18"/>
<text text-anchor="middle" x="9803" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">VariantRetriverService</text>
</g>
<!-- VariantRetriverService&#45;&gt;CoreModule -->
<g id="edge45" class="edge">
<title>VariantRetriverService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M9803,-198.4854C9803,-210.1399 9803,-223 9803,-223 9803,-223 8697.2301,-223 8697.2301,-223 8697.2301,-223 8697.2301,-227.9551 8697.2301,-227.9551"/>
<polygon fill="#000000" stroke="#000000" points="8693.7302,-227.9551 8697.2301,-237.9551 8700.7302,-227.9552 8693.7302,-227.9551"/>
</g>
<!-- BrandFilterComponent -->
<g id="node44" class="node">
<title>BrandFilterComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12371.8739,-198 12226.1261,-198 12226.1261,-162 12371.8739,-162 12371.8739,-198"/>
<text text-anchor="middle" x="12299" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BrandFilterComponent</text>
</g>
<!-- BrandFilterComponent&#45;&gt;HomeModule -->
<g id="edge46" class="edge">
<title>BrandFilterComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M12299,-198.1581C12299,-226.7386 12299,-279 12299,-279 12299,-279 8821.4404,-279 8821.4404,-279 8821.4404,-279 8821.4404,-278.5122 8821.4404,-278.5122"/>
<polygon fill="#000000" stroke="#000000" points="8824.9406,-284.1222 8821.4404,-274.1223 8817.9406,-284.1224 8824.9406,-284.1222"/>
</g>
<!-- BreadcrumbComponent -->
<g id="node45" class="node">
<title>BreadcrumbComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12208.0253,-198 12057.9747,-198 12057.9747,-162 12208.0253,-162 12208.0253,-198"/>
<text text-anchor="middle" x="12133" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BreadcrumbComponent</text>
</g>
<!-- BreadcrumbComponent&#45;&gt;HomeModule -->
<g id="edge47" class="edge">
<title>BreadcrumbComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M12133,-198.0352C12133,-214.7344 12133,-237 12133,-237 12133,-237 8839.4913,-237 8839.4913,-237 8839.4913,-237 8839.4913,-237.0816 8839.4913,-237.0816"/>
<polygon fill="#000000" stroke="#000000" points="8835.9926,-227.8159 8839.4913,-237.8164 8842.9926,-227.8169 8835.9926,-227.8159"/>
</g>
<!-- CategoriesComponent -->
<g id="node46" class="node">
<title>CategoriesComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12039.6993,-198 11898.3007,-198 11898.3007,-162 12039.6993,-162 12039.6993,-198"/>
<text text-anchor="middle" x="11969" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CategoriesComponent</text>
</g>
<!-- CategoriesComponent&#45;&gt;HomeModule -->
<g id="edge48" class="edge">
<title>CategoriesComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M11969,-198.027C11969,-214.3976 11969,-236 11969,-236 11969,-236 8834.1017,-236 8834.1017,-236 8834.1017,-236 8834.1017,-236.1846 8834.1017,-236.1846"/>
<polygon fill="#000000" stroke="#000000" points="8830.6023,-227.8455 8834.1017,-237.8457 8837.6023,-227.8459 8830.6023,-227.8455"/>
</g>
<!-- CategoryPageComponent -->
<g id="node47" class="node">
<title>CategoryPageComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11879.8613,-198 11720.1387,-198 11720.1387,-162 11879.8613,-162 11879.8613,-198"/>
<text text-anchor="middle" x="11800" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CategoryPageComponent</text>
</g>
<!-- CategoryPageComponent&#45;&gt;HomeModule -->
<g id="edge49" class="edge">
<title>CategoryPageComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M11800,-198.0091C11800,-214.0494 11800,-235 11800,-235 11800,-235 8828.7122,-235 8828.7122,-235 8828.7122,-235 8828.7122,-235.292 8828.7122,-235.292"/>
<polygon fill="#000000" stroke="#000000" points="8825.2126,-227.9198 8828.7122,-237.92 8832.2126,-227.9201 8825.2126,-227.9198"/>
</g>
<!-- ContentComponent -->
<g id="node48" class="node">
<title>ContentComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11701.6652,-198 11576.3348,-198 11576.3348,-162 11701.6652,-162 11701.6652,-198"/>
<text text-anchor="middle" x="11639" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ContentComponent</text>
</g>
<!-- ContentComponent&#45;&gt;HomeModule -->
<g id="edge50" class="edge">
<title>ContentComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M11639,-198.2819C11639,-213.9478 11639,-234 11639,-234 11639,-234 8823.3227,-234 8823.3227,-234 8823.3227,-234 8823.3227,-234.3832 8823.3227,-234.3832"/>
<polygon fill="#000000" stroke="#000000" points="8819.823,-227.832 8823.3227,-237.8321 8826.823,-227.8322 8819.823,-227.832"/>
</g>
<!-- ContentHeaderComponent -->
<g id="node49" class="node">
<title>ContentHeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11558.0758,-198 11391.9242,-198 11391.9242,-162 11558.0758,-162 11558.0758,-198"/>
<text text-anchor="middle" x="11475" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ContentHeaderComponent</text>
</g>
<!-- ContentHeaderComponent&#45;&gt;HomeModule -->
<g id="edge51" class="edge">
<title>ContentHeaderComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M11475,-198.2396C11475,-213.5706 11475,-233 11475,-233 11475,-233 8817.9331,-233 8817.9331,-233 8817.9331,-233 8817.9331,-233.4878 8817.9331,-233.4878"/>
<polygon fill="#000000" stroke="#000000" points="8814.4334,-227.8776 8817.9331,-237.8777 8821.4334,-227.8778 8814.4334,-227.8776"/>
</g>
<!-- CustomizeComponent -->
<g id="node50" class="node">
<title>CustomizeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11373.7148,-198 11232.2852,-198 11232.2852,-162 11373.7148,-162 11373.7148,-198"/>
<text text-anchor="middle" x="11303" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CustomizeComponent</text>
</g>
<!-- CustomizeComponent&#45;&gt;HomeModule -->
<g id="edge52" class="edge">
<title>CustomizeComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M11303,-198.1871C11303,-213.1824 11303,-232 11303,-232 11303,-232 8812.5436,-232 8812.5436,-232 8812.5436,-232 8812.5436,-232.581 8812.5436,-232.581"/>
<polygon fill="#000000" stroke="#000000" points="8809.0438,-227.8097 8812.5436,-237.8097 8816.0438,-227.8098 8809.0438,-227.8097"/>
</g>
<!-- FilterMobileMenuComponent -->
<g id="node51" class="node">
<title>FilterMobileMenuComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11214.2618,-198 11029.7382,-198 11029.7382,-162 11214.2618,-162 11214.2618,-198"/>
<text text-anchor="middle" x="11122" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FilterMobileMenuComponent</text>
</g>
<!-- FilterMobileMenuComponent&#45;&gt;HomeModule -->
<g id="edge53" class="edge">
<title>FilterMobileMenuComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M11122,-198.1243C11122,-212.7832 11122,-231 11122,-231 11122,-231 8807.1541,-231 8807.1541,-231 8807.1541,-231 8807.1541,-231.6831 8807.1541,-231.6831"/>
<polygon fill="#000000" stroke="#000000" points="8803.6542,-227.8313 8807.1541,-237.8314 8810.6542,-227.8314 8803.6542,-227.8313"/>
</g>
<!-- FilterSummaryComponent -->
<g id="node52" class="node">
<title>FilterSummaryComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11012.101,-198 10845.899,-198 10845.899,-162 11012.101,-162 11012.101,-198"/>
<text text-anchor="middle" x="10929" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FilterSummaryComponent</text>
</g>
<!-- FilterSummaryComponent&#45;&gt;HomeModule -->
<g id="edge54" class="edge">
<title>FilterSummaryComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M10929,-198.0511C10929,-212.373 10929,-230 10929,-230 10929,-230 8801.7646,-230 8801.7646,-230 8801.7646,-230 8801.7646,-230.7942 8801.7646,-230.7942"/>
<polygon fill="#000000" stroke="#000000" points="8798.2647,-227.9421 8801.7646,-237.9421 8805.2647,-227.9422 8798.2647,-227.9421"/>
</g>
<!-- HomeComponent -->
<g id="node53" class="node">
<title>HomeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="10827.5451,-198 10712.4549,-198 10712.4549,-162 10827.5451,-162 10827.5451,-198"/>
<text text-anchor="middle" x="10770" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeComponent</text>
</g>
<!-- HomeComponent&#45;&gt;HomeModule -->
<g id="edge55" class="edge">
<title>HomeComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M10770,-198.2458C10770,-212.1772 10770,-229 10770,-229 10770,-229 8796.375,-229 8796.375,-229 8796.375,-229 8796.375,-229.8841 8796.375,-229.8841"/>
<polygon fill="#000000" stroke="#000000" points="8792.8751,-227.8408 8796.375,-237.8408 8799.8751,-227.8409 8792.8751,-227.8408"/>
</g>
<!-- ProductListComponent -->
<g id="node54" class="node">
<title>ProductListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12726.1596,-198 12579.8404,-198 12579.8404,-162 12726.1596,-162 12726.1596,-198"/>
<text text-anchor="middle" x="12653" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductListComponent</text>
</g>
<!-- ProductListComponent&#45;&gt;HomeModule -->
<g id="edge56" class="edge">
<title>ProductListComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M12653,-198.4904C12653,-229.5885 12653,-289 12653,-289 12653,-289 8774.5596,-289 8774.5596,-289 8774.5596,-289 8774.5596,-284.0449 8774.5596,-284.0449"/>
<polygon fill="#000000" stroke="#000000" points="8778.0597,-284.0448 8774.5596,-274.0449 8771.0597,-284.0449 8778.0597,-284.0448"/>
</g>
<!-- ProductListItemComponent -->
<g id="node55" class="node">
<title>ProductListItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12562.3159,-198 12389.6841,-198 12389.6841,-162 12562.3159,-162 12562.3159,-198"/>
<text text-anchor="middle" x="12476" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductListItemComponent</text>
</g>
<!-- ProductListItemComponent&#45;&gt;HomeModule -->
<g id="edge57" class="edge">
<title>ProductListItemComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M12476,-198.1154C12476,-227.9121 12476,-284 12476,-284 12476,-284 8798,-284 8798,-284 8798,-284 8798,-283.0207 8798,-283.0207"/>
<polygon fill="#000000" stroke="#000000" points="8801.5001,-284.2069 8798,-274.207 8794.5001,-284.207 8801.5001,-284.2069"/>
</g>
<!-- AboutUsComponent -->
<g id="node56" class="node">
<title>AboutUsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4200.8809,-198 4069.1191,-198 4069.1191,-162 4200.8809,-162 4200.8809,-198"/>
<text text-anchor="middle" x="4135" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AboutUsComponent</text>
</g>
<!-- AboutUsComponent&#45;&gt;LandingModule -->
<g id="edge59" class="edge">
<title>AboutUsComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M4135,-198.0105C4135,-224.0165 4135,-269 4135,-269 4135,-269 3507.3601,-269 3507.3601,-269"/>
<polygon fill="#000000" stroke="#000000" points="3507.3601,-265.5001 3497.3601,-269 3507.3601,-272.5001 3507.3601,-265.5001"/>
</g>
<!-- BrandsPageComponent -->
<g id="node57" class="node">
<title>BrandsPageComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4051.2007,-198 3902.7993,-198 3902.7993,-162 4051.2007,-162 4051.2007,-198"/>
<text text-anchor="middle" x="3977" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BrandsPageComponent</text>
</g>
<!-- BrandsPageComponent&#45;&gt;LandingModule -->
<g id="edge60" class="edge">
<title>BrandsPageComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M3977,-198.2267C3977,-222.9318 3977,-264 3977,-264 3977,-264 3507.5465,-264 3507.5465,-264"/>
<polygon fill="#000000" stroke="#000000" points="3507.5465,-260.5001 3497.5465,-264 3507.5464,-267.5001 3507.5465,-260.5001"/>
</g>
<!-- FaqPageComponent -->
<g id="node58" class="node">
<title>FaqPageComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3884.5422,-198 3755.4578,-198 3755.4578,-162 3884.5422,-162 3884.5422,-198"/>
<text text-anchor="middle" x="3820" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FaqPageComponent</text>
</g>
<!-- FaqPageComponent&#45;&gt;LandingModule -->
<g id="edge61" class="edge">
<title>FaqPageComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M3820,-198.3228C3820,-221.6602 3820,-259 3820,-259 3820,-259 3507.4723,-259 3507.4723,-259"/>
<polygon fill="#000000" stroke="#000000" points="3507.4724,-255.5001 3497.4723,-259 3507.4723,-262.5001 3507.4724,-255.5001"/>
</g>
<!-- LandingComponent -->
<g id="node59" class="node">
<title>LandingComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3736.9902,-198 3609.0098,-198 3609.0098,-162 3736.9902,-162 3736.9902,-198"/>
<text text-anchor="middle" x="3673" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LandingComponent</text>
</g>
<!-- LandingComponent&#45;&gt;LandingModule -->
<g id="edge62" class="edge">
<title>LandingComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M3673,-198.2921C3673,-220.2057 3673,-254 3673,-254 3673,-254 3507.1128,-254 3507.1128,-254"/>
<polygon fill="#000000" stroke="#000000" points="3507.1128,-250.5001 3497.1128,-254 3507.1128,-257.5001 3507.1128,-250.5001"/>
</g>
<!-- LpBannerComponent -->
<g id="node60" class="node">
<title>LpBannerComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3590.8118,-198 3453.1882,-198 3453.1882,-162 3590.8118,-162 3590.8118,-198"/>
<text text-anchor="middle" x="3522" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LpBannerComponent</text>
</g>
<!-- LpBannerComponent&#45;&gt;LandingModule -->
<g id="edge63" class="edge">
<title>LpBannerComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M3467.9308,-198.0109C3467.9308,-198.0109 3467.9308,-227.855 3467.9308,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3464.4309,-227.8549 3467.9308,-237.855 3471.4309,-227.855 3464.4309,-227.8549"/>
</g>
<!-- LpBrandsComponent -->
<g id="node61" class="node">
<title>LpBrandsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3435.0422,-198 3298.9578,-198 3298.9578,-162 3435.0422,-162 3435.0422,-198"/>
<text text-anchor="middle" x="3367" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LpBrandsComponent</text>
</g>
<!-- LpBrandsComponent&#45;&gt;LandingModule -->
<g id="edge64" class="edge">
<title>LpBrandsComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M3413.0835,-198.0109C3413.0835,-198.0109 3413.0835,-227.855 3413.0835,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3409.5835,-227.8549 3413.0835,-237.855 3416.5835,-227.855 3409.5835,-227.8549"/>
</g>
<!-- LpProductListComponent -->
<g id="node62" class="node">
<title>LpProductListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3281.2119,-198 3118.7881,-198 3118.7881,-162 3281.2119,-162 3281.2119,-198"/>
<text text-anchor="middle" x="3200" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LpProductListComponent</text>
</g>
<!-- LpProductListComponent&#45;&gt;LandingModule -->
<g id="edge65" class="edge">
<title>LpProductListComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M3200,-198.1686C3200,-217.0898 3200,-244 3200,-244 3200,-244 3380.7547,-244 3380.7547,-244"/>
<polygon fill="#000000" stroke="#000000" points="3380.7547,-247.5001 3390.7547,-244 3380.7546,-240.5001 3380.7547,-247.5001"/>
</g>
<!-- LpPromoComponent -->
<g id="node63" class="node">
<title>LpPromoComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3101.219,-198 2966.781,-198 2966.781,-162 3101.219,-162 3101.219,-198"/>
<text text-anchor="middle" x="3034" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LpPromoComponent</text>
</g>
<!-- LpPromoComponent&#45;&gt;LandingModule -->
<g id="edge66" class="edge">
<title>LpPromoComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M3034,-198.1289C3034,-218.5724 3034,-249 3034,-249 3034,-249 3380.82,-249 3380.82,-249"/>
<polygon fill="#000000" stroke="#000000" points="3380.82,-252.5001 3390.82,-249 3380.82,-245.5001 3380.82,-252.5001"/>
</g>
<!-- PlItemComponent -->
<g id="node64" class="node">
<title>PlItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2949.1625,-198 2830.8375,-198 2830.8375,-162 2949.1625,-162 2949.1625,-198"/>
<text text-anchor="middle" x="2890" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PlItemComponent</text>
</g>
<!-- PlItemComponent&#45;&gt;LandingModule -->
<g id="edge67" class="edge">
<title>PlItemComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M2890,-198.2921C2890,-220.2057 2890,-254 2890,-254 2890,-254 3380.8802,-254 3380.8802,-254"/>
<polygon fill="#000000" stroke="#000000" points="3380.8802,-257.5001 3390.8802,-254 3380.8801,-250.5001 3380.8802,-257.5001"/>
</g>
<!-- ReturnPolicyComponent -->
<g id="node65" class="node">
<title>ReturnPolicyComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2812.7133,-198 2657.2867,-198 2657.2867,-162 2812.7133,-162 2812.7133,-198"/>
<text text-anchor="middle" x="2735" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ReturnPolicyComponent</text>
</g>
<!-- ReturnPolicyComponent&#45;&gt;LandingModule -->
<g id="edge68" class="edge">
<title>ReturnPolicyComponent&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M2735,-198.3228C2735,-221.6602 2735,-259 2735,-259 2735,-259 3380.7098,-259 3380.7098,-259"/>
<polygon fill="#000000" stroke="#000000" points="3380.7098,-262.5001 3390.7098,-259 3380.7097,-255.5001 3380.7098,-262.5001"/>
</g>
<!-- LandingRoutingModule -->
<g id="node67" class="node">
<title>LandingRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="2632.8258,-198 2629.8258,-202 2608.8258,-202 2605.8258,-198 2481.1742,-198 2481.1742,-162 2632.8258,-162 2632.8258,-198"/>
<text text-anchor="middle" x="2557" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LandingRoutingModule</text>
</g>
<!-- LandingRoutingModule&#45;&gt;LandingModule -->
<g id="edge69" class="edge">
<title>LandingRoutingModule&#45;&gt;LandingModule</title>
<path fill="none" stroke="#000000" d="M2557,-198.2267C2557,-222.9318 2557,-264 2557,-264 2557,-264 3380.8415,-264 3380.8415,-264"/>
<polygon fill="#000000" stroke="#000000" points="3380.8415,-267.5001 3390.8415,-264 3380.8415,-260.5001 3380.8415,-267.5001"/>
</g>
<!-- BrandListComponent -->
<g id="node68" class="node">
<title>BrandListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6700.823,-198 6563.177,-198 6563.177,-162 6700.823,-162 6700.823,-198"/>
<text text-anchor="middle" x="6632" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BrandListComponent</text>
</g>
<!-- BrandListComponent&#45;&gt;LayoutModule -->
<g id="edge71" class="edge">
<title>BrandListComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M6696.4622,-198.1592C6696.4622,-203.0433 6696.4622,-207 6696.4622,-207 6696.4622,-207 8554.8832,-207 8554.8832,-207 8554.8832,-207 8554.8832,-227.7542 8554.8832,-227.7542"/>
<polygon fill="#000000" stroke="#000000" points="8551.3833,-227.7542 8554.8832,-237.7542 8558.3833,-227.7542 8551.3833,-227.7542"/>
</g>
<!-- BrandLogoComponent -->
<g id="node69" class="node">
<title>BrandLogoComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6545.5968,-198 6400.4032,-198 6400.4032,-162 6545.5968,-162 6545.5968,-198"/>
<text text-anchor="middle" x="6473" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BrandLogoComponent</text>
</g>
<!-- BrandLogoComponent&#45;&gt;LayoutModule -->
<g id="edge72" class="edge">
<title>BrandLogoComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M6541.6322,-198.207C6541.6322,-203.5549 6541.6322,-208 6541.6322,-208 6541.6322,-208 8552.0513,-208 8552.0513,-208 8552.0513,-208 8552.0513,-227.8533 8552.0513,-227.8533"/>
<polygon fill="#000000" stroke="#000000" points="8548.5514,-227.8532 8552.0513,-237.8533 8555.5514,-227.8533 8548.5514,-227.8532"/>
</g>
<!-- BrandMenuDropdownComponent -->
<g id="node70" class="node">
<title>BrandMenuDropdownComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6382.0772,-198 6173.9228,-198 6173.9228,-162 6382.0772,-162 6382.0772,-198"/>
<text text-anchor="middle" x="6278" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BrandMenuDropdownComponent</text>
</g>
<!-- BrandMenuDropdownComponent&#45;&gt;LayoutModule -->
<g id="edge73" class="edge">
<title>BrandMenuDropdownComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M6314.8016,-198.2015C6314.8016,-204.028 6314.8016,-209 6314.8016,-209 6314.8016,-209 8549.2194,-209 8549.2194,-209 8549.2194,-209 8549.2194,-227.963 8549.2194,-227.963"/>
<polygon fill="#000000" stroke="#000000" points="8545.7195,-227.963 8549.2194,-237.963 8552.7195,-227.963 8545.7195,-227.963"/>
</g>
<!-- CategoriesDetailsComponent -->
<g id="node71" class="node">
<title>CategoriesDetailsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6156.3515,-198 5975.6485,-198 5975.6485,-162 6156.3515,-162 6156.3515,-198"/>
<text text-anchor="middle" x="6066" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CategoriesDetailsComponent</text>
</g>
<!-- CategoriesDetailsComponent&#45;&gt;LayoutModule -->
<g id="edge74" class="edge">
<title>CategoriesDetailsComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M6106.4415,-198.1432C6106.4415,-204.4611 6106.4415,-210 6106.4415,-210 6106.4415,-210 8546.3875,-210 8546.3875,-210 8546.3875,-210 8546.3875,-227.8196 8546.3875,-227.8196"/>
<polygon fill="#000000" stroke="#000000" points="8542.8876,-227.8195 8546.3875,-237.8196 8549.8876,-227.8196 8542.8876,-227.8195"/>
</g>
<!-- CategoriesListComponent -->
<g id="node72" class="node">
<title>CategoriesListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5957.4776,-198 5794.5224,-198 5794.5224,-162 5957.4776,-162 5957.4776,-198"/>
<text text-anchor="middle" x="5876" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CategoriesListComponent</text>
</g>
<!-- CategoriesListComponent&#45;&gt;LayoutModule -->
<g id="edge75" class="edge">
<title>CategoriesListComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M5914.527,-198.0328C5914.527,-204.8526 5914.527,-211 5914.527,-211 5914.527,-211 8543.5556,-211 8543.5556,-211 8543.5556,-211 8543.5556,-227.9561 8543.5556,-227.9561"/>
<polygon fill="#000000" stroke="#000000" points="8540.0557,-227.956 8543.5556,-237.9561 8547.0557,-227.9561 8540.0557,-227.956"/>
</g>
<!-- CategoriesMenuDropdownComponent -->
<g id="node73" class="node">
<title>CategoriesMenuDropdownComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5776.7324,-198 5543.2676,-198 5543.2676,-162 5776.7324,-162 5776.7324,-198"/>
<text text-anchor="middle" x="5660" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CategoriesMenuDropdownComponent</text>
</g>
<!-- CategoriesMenuDropdownComponent&#45;&gt;LayoutModule -->
<g id="edge76" class="edge">
<title>CategoriesMenuDropdownComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M5752.7132,-198.0449C5752.7132,-205.749 5752.7132,-213 5752.7132,-213 5752.7132,-213 8540.7237,-213 8540.7237,-213 8540.7237,-213 8540.7237,-227.5146 8540.7237,-227.5146"/>
<polygon fill="#000000" stroke="#000000" points="8537.2238,-227.5145 8540.7237,-237.5146 8544.2238,-227.5146 8537.2238,-227.5145"/>
</g>
<!-- CategoryMobileMenuComponent -->
<g id="node74" class="node">
<title>CategoryMobileMenuComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8571.7492,-198 8366.2508,-198 8366.2508,-162 8571.7492,-162 8571.7492,-198"/>
<text text-anchor="middle" x="8469" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CategoryMobileMenuComponent</text>
</g>
<!-- CategoryMobileMenuComponent&#45;&gt;LayoutModule -->
<g id="edge77" class="edge">
<title>CategoryMobileMenuComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M8569.0426,-198.0109C8569.0426,-198.0109 8569.0426,-227.855 8569.0426,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="8565.5427,-227.8549 8569.0426,-237.855 8572.5427,-227.855 8565.5427,-227.8549"/>
</g>
<!-- FooterComponent -->
<g id="node75" class="node">
<title>FooterComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8347.8809,-198 8230.1191,-198 8230.1191,-162 8347.8809,-162 8347.8809,-198"/>
<text text-anchor="middle" x="8289" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterComponent</text>
</g>
<!-- FooterComponent&#45;&gt;LayoutModule -->
<g id="edge78" class="edge">
<title>FooterComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M8289,-198.1686C8289,-217.0898 8289,-244 8289,-244 8289,-244 8519.1472,-244 8519.1472,-244"/>
<polygon fill="#000000" stroke="#000000" points="8519.1473,-247.5001 8529.1472,-244 8519.1472,-240.5001 8519.1473,-247.5001"/>
</g>
<!-- FooterContactInfoComponent -->
<g id="node76" class="node">
<title>FooterContactInfoComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8212.2492,-198 8027.7508,-198 8027.7508,-162 8212.2492,-162 8212.2492,-198"/>
<text text-anchor="middle" x="8120" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterContactInfoComponent</text>
</g>
<!-- FooterContactInfoComponent&#45;&gt;LayoutModule -->
<g id="edge79" class="edge">
<title>FooterContactInfoComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M8120,-198.0267C8120,-218.7672 8120,-250 8120,-250 8120,-250 8519.0052,-250 8519.0052,-250"/>
<polygon fill="#000000" stroke="#000000" points="8519.0052,-253.5001 8529.0052,-250 8519.0052,-246.5001 8519.0052,-253.5001"/>
</g>
<!-- FooterQuickLinksComponent -->
<g id="node77" class="node">
<title>FooterQuickLinksComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8009.9804,-198 7826.0196,-198 7826.0196,-162 8009.9804,-162 8009.9804,-198"/>
<text text-anchor="middle" x="7918" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterQuickLinksComponent</text>
</g>
<!-- FooterQuickLinksComponent&#45;&gt;LayoutModule -->
<g id="edge80" class="edge">
<title>FooterQuickLinksComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M7918,-198.0109C7918,-220.4852 7918,-256 7918,-256 7918,-256 8519.3176,-256 8519.3176,-256"/>
<polygon fill="#000000" stroke="#000000" points="8519.3176,-259.5001 8529.3176,-256 8519.3175,-252.5001 8519.3176,-259.5001"/>
</g>
<!-- FooterSocialLinksComponent -->
<g id="node78" class="node">
<title>FooterSocialLinksComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7808.2618,-198 7623.7382,-198 7623.7382,-162 7808.2618,-162 7808.2618,-198"/>
<text text-anchor="middle" x="7716" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterSocialLinksComponent</text>
</g>
<!-- FooterSocialLinksComponent&#45;&gt;LayoutModule -->
<g id="edge81" class="edge">
<title>FooterSocialLinksComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M7716,-198.1985C7716,-222.3563 7716,-262 7716,-262 7716,-262 8519.1869,-262 8519.1869,-262"/>
<polygon fill="#000000" stroke="#000000" points="8519.187,-265.5001 8529.1869,-262 8519.1869,-258.5001 8519.187,-265.5001"/>
</g>
<!-- HeaderCartComponent -->
<g id="node79" class="node">
<title>HeaderCartComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7605.8459,-198 7460.1541,-198 7460.1541,-162 7605.8459,-162 7605.8459,-198"/>
<text text-anchor="middle" x="7533" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderCartComponent</text>
</g>
<!-- HeaderCartComponent&#45;&gt;LayoutModule -->
<g id="edge82" class="edge">
<title>HeaderCartComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M7606.0821,-180C7611.8788,-180 7615.5519,-180 7615.5519,-180 7615.5519,-180 7615.5519,-268 7615.5519,-268 7615.5519,-268 8519.2296,-268 8519.2296,-268"/>
<polygon fill="#000000" stroke="#000000" points="8519.2297,-271.5001 8529.2296,-268 8519.2296,-264.5001 8519.2297,-271.5001"/>
</g>
<!-- HeaderComponent -->
<g id="node80" class="node">
<title>HeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7441.7437,-198 7320.2563,-198 7320.2563,-162 7441.7437,-162 7441.7437,-198"/>
<text text-anchor="middle" x="7381" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderComponent</text>
</g>
<!-- HeaderComponent&#45;&gt;LayoutModule -->
<g id="edge83" class="edge">
<title>HeaderComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M7415.1936,-198.1223C7415.1936,-200.9729 7415.1936,-203 7415.1936,-203 7415.1936,-203 8566.2107,-203 8566.2107,-203 8566.2107,-203 8566.2107,-227.7604 8566.2107,-227.7604"/>
<polygon fill="#000000" stroke="#000000" points="8562.7108,-227.7604 8566.2107,-237.7604 8569.7108,-227.7604 8562.7108,-227.7604"/>
</g>
<!-- HeaderHelpDropdownComponent -->
<g id="node81" class="node">
<title>HeaderHelpDropdownComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7302.3291,-198 7093.6709,-198 7093.6709,-162 7302.3291,-162 7302.3291,-198"/>
<text text-anchor="middle" x="7198" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderHelpDropdownComponent</text>
</g>
<!-- HeaderHelpDropdownComponent&#45;&gt;LayoutModule -->
<g id="edge84" class="edge">
<title>HeaderHelpDropdownComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M7247.9625,-198.1903C7247.9625,-201.5376 7247.9625,-204 7247.9625,-204 7247.9625,-204 8563.3788,-204 8563.3788,-204 8563.3788,-204 8563.3788,-227.8129 8563.3788,-227.8129"/>
<polygon fill="#000000" stroke="#000000" points="8559.8789,-227.8129 8563.3788,-237.8129 8566.8789,-227.813 8559.8789,-227.8129"/>
</g>
<!-- HeaderSearchComponent -->
<g id="node82" class="node">
<title>HeaderSearchComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7075.8305,-198 6916.1695,-198 6916.1695,-162 7075.8305,-162 7075.8305,-198"/>
<text text-anchor="middle" x="6996" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderSearchComponent</text>
</g>
<!-- HeaderSearchComponent&#45;&gt;LayoutModule -->
<g id="edge85" class="edge">
<title>HeaderSearchComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M7051.412,-198.1686C7051.412,-202.0459 7051.412,-205 7051.412,-205 7051.412,-205 8560.547,-205 8560.547,-205 8560.547,-205 8560.547,-227.8757 8560.547,-227.8757"/>
<polygon fill="#000000" stroke="#000000" points="8557.0471,-227.8757 8560.547,-237.8757 8564.0471,-227.8757 8557.0471,-227.8757"/>
</g>
<!-- ProfileDropdownComponent -->
<g id="node83" class="node">
<title>ProfileDropdownComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6897.8061,-198 6718.1939,-198 6718.1939,-162 6897.8061,-162 6897.8061,-198"/>
<text text-anchor="middle" x="6808" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProfileDropdownComponent</text>
</g>
<!-- ProfileDropdownComponent&#45;&gt;LayoutModule -->
<g id="edge86" class="edge">
<title>ProfileDropdownComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M6872.4741,-198.0579C6872.4741,-202.4945 6872.4741,-206 6872.4741,-206 6872.4741,-206 8557.7151,-206 8557.7151,-206 8557.7151,-206 8557.7151,-227.9489 8557.7151,-227.9489"/>
<polygon fill="#000000" stroke="#000000" points="8554.2152,-227.9488 8557.7151,-237.9489 8561.2152,-227.9489 8554.2152,-227.9488"/>
</g>
<!-- CashOnDeliveryComponent -->
<g id="node86" class="node">
<title>CashOnDeliveryComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="559.9129,-198 384.0871,-198 384.0871,-162 559.9129,-162 559.9129,-198"/>
<text text-anchor="middle" x="472" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CashOnDeliveryComponent</text>
</g>
<!-- CashOnDeliveryComponent&#45;&gt;PaymentModule -->
<g id="edge90" class="edge">
<title>CashOnDeliveryComponent&#45;&gt;PaymentModule</title>
<path fill="none" stroke="#000000" d="M509.2174,-198.0109C509.2174,-198.0109 509.2174,-227.855 509.2174,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="505.7175,-227.8549 509.2174,-237.855 512.7175,-227.855 505.7175,-227.8549"/>
</g>
<!-- HostedPaymentComponent -->
<g id="node87" class="node">
<title>HostedPaymentComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="365.9818,-198 196.0182,-198 196.0182,-162 365.9818,-162 365.9818,-198"/>
<text text-anchor="middle" x="281" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HostedPaymentComponent</text>
</g>
<!-- HostedPaymentComponent&#45;&gt;PaymentModule -->
<g id="edge91" class="edge">
<title>HostedPaymentComponent&#45;&gt;PaymentModule</title>
<path fill="none" stroke="#000000" d="M281,-198.0267C281,-218.7672 281,-250 281,-250 281,-250 448.8991,-250 448.8991,-250"/>
<polygon fill="#000000" stroke="#000000" points="448.8991,-253.5001 458.8991,-250 448.8991,-246.5001 448.8991,-253.5001"/>
</g>
<!-- PaymentComponent -->
<g id="node88" class="node">
<title>PaymentComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="916.3258,-198 785.6742,-198 785.6742,-162 916.3258,-162 916.3258,-198"/>
<text text-anchor="middle" x="851" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PaymentComponent</text>
</g>
<!-- PaymentComponent&#45;&gt;PaymentModule -->
<g id="edge92" class="edge">
<title>PaymentComponent&#45;&gt;PaymentModule</title>
<path fill="none" stroke="#000000" d="M851,-198.0664C851,-207.4587 851,-217 851,-217 851,-217 564.7497,-217 564.7497,-217 564.7497,-217 564.7497,-227.8701 564.7497,-227.8701"/>
<polygon fill="#000000" stroke="#000000" points="561.2498,-227.8701 564.7497,-237.8701 568.2498,-227.8701 561.2498,-227.8701"/>
</g>
<!-- PaymentModesListComponent -->
<g id="node89" class="node">
<title>PaymentModesListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="768.2077,-198 577.7923,-198 577.7923,-162 768.2077,-162 768.2077,-198"/>
<text text-anchor="middle" x="673" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PaymentModesListComponent</text>
</g>
<!-- PaymentModesListComponent&#45;&gt;PaymentModule -->
<g id="edge93" class="edge">
<title>PaymentModesListComponent&#45;&gt;PaymentModule</title>
<path fill="none" stroke="#000000" d="M577.6303,-180C568.3128,-180 562.2279,-180 562.2279,-180 562.2279,-180 562.2279,-227.9891 562.2279,-227.9891"/>
<polygon fill="#000000" stroke="#000000" points="558.728,-227.989 562.2279,-237.9891 565.728,-227.9891 558.728,-227.989"/>
</g>
<!-- PaymentService -->
<g id="node90" class="node">
<title>PaymentService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="98" cy="-180" rx="73.5734" ry="18"/>
<text text-anchor="middle" x="98" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PaymentService</text>
</g>
<!-- PaymentService&#45;&gt;PaymentModule -->
<g id="edge94" class="edge">
<title>PaymentService&#45;&gt;PaymentModule</title>
<path fill="none" stroke="#000000" d="M98,-198.1985C98,-222.3563 98,-262 98,-262 98,-262 448.746,-262 448.746,-262"/>
<polygon fill="#000000" stroke="#000000" points="448.746,-265.5001 458.746,-262 448.746,-258.5001 448.746,-265.5001"/>
</g>
<!-- CheckPincodeComponent -->
<g id="node91" class="node">
<title>CheckPincodeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14189.2007,-198 14026.7993,-198 14026.7993,-162 14189.2007,-162 14189.2007,-198"/>
<text text-anchor="middle" x="14108" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CheckPincodeComponent</text>
</g>
<!-- CheckPincodeComponent&#45;&gt;ProductModule -->
<g id="edge95" class="edge">
<title>CheckPincodeComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M14099.8733,-198.2667C14099.8733,-216.5552 14099.8733,-242 14099.8733,-242 14099.8733,-242 13927.614,-242 13927.614,-242"/>
<polygon fill="#000000" stroke="#000000" points="13927.614,-238.5001 13917.614,-242 13927.614,-245.5001 13927.614,-238.5001"/>
</g>
<!-- ProductComponent -->
<g id="node92" class="node">
<title>ProductComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14008.3809,-198 13883.6191,-198 13883.6191,-162 14008.3809,-162 14008.3809,-198"/>
<text text-anchor="middle" x="13946" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductComponent</text>
</g>
<!-- ProductComponent&#45;&gt;ProductModule -->
<g id="edge96" class="edge">
<title>ProductComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M13900.5544,-198.0109C13900.5544,-198.0109 13900.5544,-227.855 13900.5544,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="13897.0544,-227.8549 13900.5544,-237.855 13904.0544,-227.855 13897.0544,-227.8549"/>
</g>
<!-- ProductCountComponent -->
<g id="node93" class="node">
<title>ProductCountComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13865.608,-198 13706.392,-198 13706.392,-162 13865.608,-162 13865.608,-198"/>
<text text-anchor="middle" x="13786" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductCountComponent</text>
</g>
<!-- ProductCountComponent&#45;&gt;ProductModule -->
<g id="edge97" class="edge">
<title>ProductCountComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M13848.5196,-198.0109C13848.5196,-198.0109 13848.5196,-227.855 13848.5196,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="13845.0197,-227.8549 13848.5196,-237.855 13852.0197,-227.855 13845.0197,-227.8549"/>
</g>
<!-- ProductDescriptionComponent -->
<g id="node94" class="node">
<title>ProductDescriptionComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13688.1937,-198 13497.8063,-198 13497.8063,-162 13688.1937,-162 13688.1937,-198"/>
<text text-anchor="middle" x="13593" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductDescriptionComponent</text>
</g>
<!-- ProductDescriptionComponent&#45;&gt;ProductModule -->
<g id="edge98" class="edge">
<title>ProductDescriptionComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M13636.5402,-198.2667C13636.5402,-216.5552 13636.5402,-242 13636.5402,-242 13636.5402,-242 13804.2186,-242 13804.2186,-242"/>
<polygon fill="#000000" stroke="#000000" points="13804.2187,-245.5001 13814.2186,-242 13804.2186,-238.5001 13804.2187,-245.5001"/>
</g>
<!-- ProductDetailPageComponent -->
<g id="node95" class="node">
<title>ProductDetailPageComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13480.3004,-198 13293.6996,-198 13293.6996,-162 13480.3004,-162 13480.3004,-198"/>
<text text-anchor="middle" x="13387" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductDetailPageComponent</text>
</g>
<!-- ProductDetailPageComponent&#45;&gt;ProductModule -->
<g id="edge99" class="edge">
<title>ProductDetailPageComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M13439.3736,-198.0348C13439.3736,-217.5762 13439.3736,-246 13439.3736,-246 13439.3736,-246 13804.1137,-246 13804.1137,-246"/>
<polygon fill="#000000" stroke="#000000" points="13804.1138,-249.5001 13814.1137,-246 13804.1137,-242.5001 13804.1138,-249.5001"/>
</g>
<!-- ProductDetailsComponent -->
<g id="node96" class="node">
<title>ProductDetailsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13276.0337,-198 13111.9663,-198 13111.9663,-162 13276.0337,-162 13276.0337,-198"/>
<text text-anchor="middle" x="13194" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductDetailsComponent</text>
</g>
<!-- ProductDetailsComponent&#45;&gt;ProductModule -->
<g id="edge100" class="edge">
<title>ProductDetailsComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M13238.017,-198.0267C13238.017,-218.7672 13238.017,-250 13238.017,-250 13238.017,-250 13804.3427,-250 13804.3427,-250"/>
<polygon fill="#000000" stroke="#000000" points="13804.3427,-253.5001 13814.3427,-250 13804.3426,-246.5001 13804.3427,-253.5001"/>
</g>
<!-- ProductImagesComponent -->
<g id="node97" class="node">
<title>ProductImagesComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="15160.8061,-198 14995.1939,-198 14995.1939,-162 15160.8061,-162 15160.8061,-198"/>
<text text-anchor="middle" x="15078" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductImagesComponent</text>
</g>
<!-- ProductImagesComponent&#45;&gt;ProductModule -->
<g id="edge101" class="edge">
<title>ProductImagesComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M15078,-198.1532C15078,-221.7566 15078,-260 15078,-260 15078,-260 13927.6904,-260 13927.6904,-260"/>
<polygon fill="#000000" stroke="#000000" points="13927.6904,-256.5001 13917.6904,-260 13927.6904,-263.5001 13927.6904,-256.5001"/>
</g>
<!-- ProductPriceInfoComponent -->
<g id="node98" class="node">
<title>ProductPriceInfoComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14977.465,-198 14800.535,-198 14800.535,-162 14977.465,-162 14977.465,-198"/>
<text text-anchor="middle" x="14889" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductPriceInfoComponent</text>
</g>
<!-- ProductPriceInfoComponent&#45;&gt;ProductModule -->
<g id="edge102" class="edge">
<title>ProductPriceInfoComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M14889,-198.0109C14889,-220.4852 14889,-256 14889,-256 14889,-256 13927.7839,-256 13927.7839,-256"/>
<polygon fill="#000000" stroke="#000000" points="13927.784,-252.5001 13917.7839,-256 13927.7839,-259.5001 13927.784,-252.5001"/>
</g>
<!-- ProductReviewComponent -->
<g id="node99" class="node">
<title>ProductReviewComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14782.6442,-198 14615.3558,-198 14615.3558,-162 14782.6442,-162 14782.6442,-198"/>
<text text-anchor="middle" x="14699" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductReviewComponent</text>
</g>
<!-- ProductReviewComponent&#45;&gt;ProductModule -->
<g id="edge103" class="edge">
<title>ProductReviewComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M14699,-198.0449C14699,-219.6623 14699,-253 14699,-253 14699,-253 13927.7931,-253 13927.7931,-253"/>
<polygon fill="#000000" stroke="#000000" points="13927.7932,-249.5001 13917.7931,-253 13927.7931,-256.5001 13927.7932,-249.5001"/>
</g>
<!-- ProductVariantsComponent -->
<g id="node100" class="node">
<title>ProductVariantsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14597.3033,-198 14424.6967,-198 14424.6967,-162 14597.3033,-162 14597.3033,-198"/>
<text text-anchor="middle" x="14511" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductVariantsComponent</text>
</g>
<!-- ProductVariantsComponent&#45;&gt;ProductModule -->
<g id="edge104" class="edge">
<title>ProductVariantsComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M14485.875,-198.1289C14485.875,-218.5724 14485.875,-249 14485.875,-249 14485.875,-249 13927.784,-249 13927.784,-249"/>
<polygon fill="#000000" stroke="#000000" points="13927.784,-245.5001 13917.784,-249 13927.784,-252.5001 13927.784,-245.5001"/>
</g>
<!-- WriteProductReviewComponent -->
<g id="node101" class="node">
<title>WriteProductReviewComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14406.5154,-198 14207.4846,-198 14207.4846,-162 14406.5154,-162 14406.5154,-198"/>
<text text-anchor="middle" x="14307" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">WriteProductReviewComponent</text>
</g>
<!-- WriteProductReviewComponent&#45;&gt;ProductModule -->
<g id="edge105" class="edge">
<title>WriteProductReviewComponent&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M14280.2733,-198.0348C14280.2733,-217.5762 14280.2733,-246 14280.2733,-246 14280.2733,-246 13927.6304,-246 13927.6304,-246"/>
<polygon fill="#000000" stroke="#000000" points="13927.6304,-242.5001 13917.6304,-246 13927.6303,-249.5001 13927.6304,-242.5001"/>
</g>
<!-- ProductCountComponent  -->
<g id="node104" class="node">
<title>ProductCountComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="14353.1085,-339 14190.8915,-339 14190.8915,-303 14353.1085,-303 14353.1085,-339"/>
<text text-anchor="middle" x="14272" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductCountComponent </text>
</g>
<!-- ProductModule&#45;&gt;ProductCountComponent  -->
<g id="edge108" class="edge">
<title>ProductModule&#45;&gt;ProductCountComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M13917.6611,-267C14011.186,-267 14198.9693,-267 14198.9693,-267 14198.9693,-267 14198.9693,-292.7181 14198.9693,-292.7181"/>
<polygon fill="#000000" stroke="#000000" points="14195.4694,-292.718 14198.9693,-302.7181 14202.4694,-292.7181 14195.4694,-292.718"/>
</g>
<!-- ProductDescriptionComponent  -->
<g id="node105" class="node">
<title>ProductDescriptionComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="14172.6938,-339 13979.3062,-339 13979.3062,-303 14172.6938,-303 14172.6938,-339"/>
<text text-anchor="middle" x="14076" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductDescriptionComponent </text>
</g>
<!-- ProductModule&#45;&gt;ProductDescriptionComponent  -->
<g id="edge109" class="edge">
<title>ProductModule&#45;&gt;ProductDescriptionComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M13917.6115,-271C13953.0798,-271 13993.7968,-271 13993.7968,-271 13993.7968,-271 13993.7968,-292.9489 13993.7968,-292.9489"/>
<polygon fill="#000000" stroke="#000000" points="13990.2969,-292.9488 13993.7968,-302.9489 13997.2969,-292.9489 13990.2969,-292.9488"/>
</g>
<!-- ProductDetailPageComponent  -->
<g id="node106" class="node">
<title>ProductDetailPageComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="13960.8003,-339 13771.1997,-339 13771.1997,-303 13960.8003,-303 13960.8003,-339"/>
<text text-anchor="middle" x="13866" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductDetailPageComponent </text>
</g>
<!-- ProductModule&#45;&gt;ProductDetailPageComponent  -->
<g id="edge110" class="edge">
<title>ProductModule&#45;&gt;ProductDetailPageComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M13866,-274.1061C13866,-274.1061 13866,-292.991 13866,-292.991"/>
<polygon fill="#000000" stroke="#000000" points="13862.5001,-292.9909 13866,-302.991 13869.5001,-292.991 13862.5001,-292.9909"/>
</g>
<!-- ProductDetailsComponent  -->
<g id="node107" class="node">
<title>ProductDetailsComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="13753.033,-339 13584.967,-339 13584.967,-303 13753.033,-303 13753.033,-339"/>
<text text-anchor="middle" x="13669" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductDetailsComponent </text>
</g>
<!-- ProductModule&#45;&gt;ProductDetailsComponent  -->
<g id="edge111" class="edge">
<title>ProductModule&#45;&gt;ProductDetailsComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M13814.0939,-270C13775.5844,-270 13729.7313,-270 13729.7313,-270 13729.7313,-270 13729.7313,-292.8757 13729.7313,-292.8757"/>
<polygon fill="#000000" stroke="#000000" points="13726.2313,-292.8757 13729.7313,-302.8757 13733.2313,-292.8757 13726.2313,-292.8757"/>
</g>
<!-- ProductImagesComponent  -->
<g id="node108" class="node">
<title>ProductImagesComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="13567.3059,-339 13398.6941,-339 13398.6941,-303 13567.3059,-303 13567.3059,-339"/>
<text text-anchor="middle" x="13483" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductImagesComponent </text>
</g>
<!-- ProductModule&#45;&gt;ProductImagesComponent  -->
<g id="edge112" class="edge">
<title>ProductModule&#45;&gt;ProductImagesComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M13814.2803,-266C13720.6493,-266 13532.6531,-266 13532.6531,-266 13532.6531,-266 13532.6531,-292.9909 13532.6531,-292.9909"/>
<polygon fill="#000000" stroke="#000000" points="13529.1531,-292.9909 13532.6531,-302.9909 13536.1531,-292.991 13529.1531,-292.9909"/>
</g>
<!-- ProductPriceInfoComponent  -->
<g id="node109" class="node">
<title>ProductPriceInfoComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="13380.4656,-339 13199.5344,-339 13199.5344,-303 13380.4656,-303 13380.4656,-339"/>
<text text-anchor="middle" x="13290" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductPriceInfoComponent </text>
</g>
<!-- ProductModule&#45;&gt;ProductPriceInfoComponent  -->
<g id="edge113" class="edge">
<title>ProductModule&#45;&gt;ProductPriceInfoComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M13814.3181,-262C13681.2183,-262 13337.0412,-262 13337.0412,-262 13337.0412,-262 13337.0412,-292.9775 13337.0412,-292.9775"/>
<polygon fill="#000000" stroke="#000000" points="13333.5413,-292.9774 13337.0412,-302.9775 13340.5413,-292.9775 13333.5413,-292.9774"/>
</g>
<!-- ProductVariantsComponent  -->
<g id="node110" class="node">
<title>ProductVariantsComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="14546.8031,-339 14371.1969,-339 14371.1969,-303 14546.8031,-303 14546.8031,-339"/>
<text text-anchor="middle" x="14459" y="-316.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductVariantsComponent </text>
</g>
<!-- ProductModule&#45;&gt;ProductVariantsComponent  -->
<g id="edge114" class="edge">
<title>ProductModule&#45;&gt;ProductVariantsComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M13917.5715,-264C14049.4983,-264 14388.928,-264 14388.928,-264 14388.928,-264 14388.928,-292.9648 14388.928,-292.9648"/>
<polygon fill="#000000" stroke="#000000" points="14385.428,-292.9648 14388.928,-302.9648 14392.428,-292.9649 14385.428,-292.9648"/>
</g>
<!-- ProductRoutingModule -->
<g id="node103" class="node">
<title>ProductRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="13088.2162,-198 13085.2162,-202 13064.2162,-202 13061.2162,-198 12939.7838,-198 12939.7838,-162 13088.2162,-162 13088.2162,-198"/>
<text text-anchor="middle" x="13014" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductRoutingModule</text>
</g>
<!-- ProductRoutingModule&#45;&gt;ProductModule -->
<g id="edge106" class="edge">
<title>ProductRoutingModule&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M13014,-198.2921C13014,-220.2057 13014,-254 13014,-254 13014,-254 13804.3046,-254 13804.3046,-254"/>
<polygon fill="#000000" stroke="#000000" points="13804.3047,-257.5001 13814.3046,-254 13804.3046,-250.5001 13804.3047,-257.5001"/>
</g>
<!-- ProductResolver -->
<g id="node111" class="node">
<title>ProductResolver</title>
<ellipse fill="#fdb462" stroke="#000000" cx="12841" cy="-180" rx="75.3002" ry="18"/>
<text text-anchor="middle" x="12841" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductResolver</text>
</g>
<!-- ProductResolver&#45;&gt;ProductModule -->
<g id="edge115" class="edge">
<title>ProductResolver&#45;&gt;ProductModule</title>
<path fill="none" stroke="#000000" d="M12841,-198.0908C12841,-221.1328 12841,-258 12841,-258 12841,-258 13804.1148,-258 13804.1148,-258"/>
<polygon fill="#000000" stroke="#000000" points="13804.1149,-261.5001 13814.1148,-258 13804.1148,-254.5001 13804.1149,-261.5001"/>
</g>
<!-- HumanizePipe -->
<g id="node112" class="node">
<title>HumanizePipe</title>
<polygon fill="#ffffb3" stroke="#000000" points="5192.4203,-122 5093.5797,-122 5093.5797,-86 5192.4203,-86 5192.4203,-122"/>
<text text-anchor="middle" x="5143" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HumanizePipe</text>
</g>
<!-- HumanizePipe&#45;&gt;SharedModule -->
<g id="edge116" class="edge">
<title>HumanizePipe&#45;&gt;SharedModule</title>
<path fill="none" stroke="#000000" d="M5143,-122.1097C5143,-131.897 5143,-142 5143,-142 5143,-142 5006.8422,-142 5006.8422,-142 5006.8422,-142 5006.8422,-151.8903 5006.8422,-151.8903"/>
<polygon fill="#000000" stroke="#000000" points="5003.3423,-151.8903 5006.8422,-161.8903 5010.3423,-151.8904 5003.3423,-151.8903"/>
</g>
<!-- InnerIproductComponent -->
<g id="node113" class="node">
<title>InnerIproductComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5076.2949,-122 4917.7051,-122 4917.7051,-86 5076.2949,-86 5076.2949,-122"/>
<text text-anchor="middle" x="4997" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">InnerIproductComponent</text>
</g>
<!-- InnerIproductComponent&#45;&gt;SharedModule -->
<g id="edge117" class="edge">
<title>InnerIproductComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="#000000" d="M4993.7193,-122.0109C4993.7193,-122.0109 4993.7193,-151.855 4993.7193,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="4990.2194,-151.8549 4993.7193,-161.855 4997.2194,-151.855 4990.2194,-151.8549"/>
</g>
<!-- KeysPipe -->
<g id="node114" class="node">
<title>KeysPipe</title>
<polygon fill="#ffffb3" stroke="#000000" points="5882.6545,-122 5813.3455,-122 5813.3455,-86 5882.6545,-86 5882.6545,-122"/>
<text text-anchor="middle" x="5848" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">KeysPipe</text>
</g>
<!-- KeysPipe&#45;&gt;SharedModule -->
<g id="edge118" class="edge">
<title>KeysPipe&#45;&gt;SharedModule</title>
<path fill="none" stroke="#000000" d="M5848,-122.2396C5848,-137.5706 5848,-157 5848,-157 5848,-157 5039.6496,-157 5039.6496,-157 5039.6496,-157 5039.6496,-157.4878 5039.6496,-157.4878"/>
<polygon fill="#000000" stroke="#000000" points="5036.1498,-151.8776 5039.6496,-161.8777 5043.1498,-151.8778 5036.1498,-151.8776"/>
</g>
<!-- ProductSliderComponent -->
<g id="node115" class="node">
<title>ProductSliderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5795.3201,-122 5636.6799,-122 5636.6799,-86 5795.3201,-86 5795.3201,-122"/>
<text text-anchor="middle" x="5716" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductSliderComponent</text>
</g>
<!-- ProductSliderComponent&#45;&gt;SharedModule -->
<g id="edge119" class="edge">
<title>ProductSliderComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="#000000" d="M5706.8531,-122.0511C5706.8531,-136.373 5706.8531,-154 5706.8531,-154 5706.8531,-154 5033.0881,-154 5033.0881,-154 5033.0881,-154 5033.0881,-154.7942 5033.0881,-154.7942"/>
<polygon fill="#000000" stroke="#000000" points="5029.5883,-151.9421 5033.0881,-161.9421 5036.5883,-151.9422 5029.5883,-151.9421"/>
</g>
<!-- ReversePipe -->
<g id="node116" class="node">
<title>ReversePipe</title>
<polygon fill="#ffffb3" stroke="#000000" points="5618.9734,-122 5533.0266,-122 5533.0266,-86 5618.9734,-86 5618.9734,-122"/>
<text text-anchor="middle" x="5576" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ReversePipe</text>
</g>
<!-- ReversePipe&#45;&gt;SharedModule -->
<g id="edge120" class="edge">
<title>ReversePipe&#45;&gt;SharedModule</title>
<path fill="none" stroke="#000000" d="M5538.0736,-122.037C5538.0736,-135.2913 5538.0736,-151 5538.0736,-151 5538.0736,-151 5026.5267,-151 5026.5267,-151 5026.5267,-151 5026.5267,-152.0799 5026.5267,-152.0799"/>
<polygon fill="#000000" stroke="#000000" points="5023.0268,-151.7985 5026.5267,-161.7985 5030.0268,-151.7986 5023.0268,-151.7985"/>
</g>
<!-- SavedAddressComponent -->
<g id="node117" class="node">
<title>SavedAddressComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5514.9157,-122 5353.0843,-122 5353.0843,-86 5514.9157,-86 5514.9157,-122"/>
<text text-anchor="middle" x="5434" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SavedAddressComponent</text>
</g>
<!-- SavedAddressComponent&#45;&gt;SharedModule -->
<g id="edge121" class="edge">
<title>SavedAddressComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="#000000" d="M5366.4571,-122.1505C5366.4571,-134.2708 5366.4571,-148 5366.4571,-148 5366.4571,-148 5019.9652,-148 5019.9652,-148 5019.9652,-148 5019.9652,-151.7566 5019.9652,-151.7566"/>
<polygon fill="#000000" stroke="#000000" points="5016.4653,-151.7566 5019.9652,-161.7566 5023.4653,-151.7566 5016.4653,-151.7566"/>
</g>
<!-- ZoomableDirective -->
<g id="node118" class="node">
<title>ZoomableDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="5335.3459,-122 5210.6541,-122 5210.6541,-86 5335.3459,-86 5335.3459,-122"/>
<text text-anchor="middle" x="5273" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ZoomableDirective</text>
</g>
<!-- ZoomableDirective&#45;&gt;SharedModule -->
<g id="edge122" class="edge">
<title>ZoomableDirective&#45;&gt;SharedModule</title>
<path fill="none" stroke="#000000" d="M5233.6008,-122.1025C5233.6008,-133.0859 5233.6008,-145 5233.6008,-145 5233.6008,-145 5013.4037,-145 5013.4037,-145 5013.4037,-145 5013.4037,-151.68 5013.4037,-151.68"/>
<polygon fill="#000000" stroke="#000000" points="5009.9038,-151.6799 5013.4037,-161.68 5016.9038,-151.68 5009.9038,-151.6799"/>
</g>
<!-- AddEditAddressComponent -->
<g id="node125" class="node">
<title>AddEditAddressComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5585.1442,-274 5410.8558,-274 5410.8558,-238 5585.1442,-238 5585.1442,-274"/>
<text text-anchor="middle" x="5498" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AddEditAddressComponent</text>
</g>
<!-- AddEditAddressComponent&#45;&gt;UserModule -->
<g id="edge129" class="edge">
<title>AddEditAddressComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M5498,-274.0267C5498,-294.7672 5498,-326 5498,-326 5498,-326 6270.7536,-326 6270.7536,-326"/>
<polygon fill="#000000" stroke="#000000" points="6270.7537,-329.5001 6280.7536,-326 6270.7536,-322.5001 6270.7537,-329.5001"/>
</g>
<!-- AddressesComponent -->
<g id="node126" class="node">
<title>AddressesComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5392.3627,-274 5253.6373,-274 5253.6373,-238 5392.3627,-238 5392.3627,-274"/>
<text text-anchor="middle" x="5323" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AddressesComponent</text>
</g>
<!-- AddressesComponent&#45;&gt;UserModule -->
<g id="edge130" class="edge">
<title>AddressesComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M5323,-274.1686C5323,-295.498 5323,-328 5323,-328 5323,-328 6270.9883,-328 6270.9883,-328"/>
<polygon fill="#000000" stroke="#000000" points="6270.9883,-331.5001 6280.9883,-328 6270.9882,-324.5001 6270.9883,-331.5001"/>
</g>
<!-- FavoriteProductListItemComponent -->
<g id="node127" class="node">
<title>FavoriteProductListItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7607.4692,-274 7388.5308,-274 7388.5308,-238 7607.4692,-238 7607.4692,-274"/>
<text text-anchor="middle" x="7498" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">FavoriteProductListItemComponent</text>
</g>
<!-- FavoriteProductListItemComponent&#45;&gt;UserModule -->
<g id="edge131" class="edge">
<title>FavoriteProductListItemComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M7498,-274.1532C7498,-297.7566 7498,-336 7498,-336 7498,-336 6377.1756,-336 6377.1756,-336"/>
<polygon fill="#000000" stroke="#000000" points="6377.1756,-332.5001 6367.1756,-336 6377.1756,-339.5001 6377.1756,-332.5001"/>
</g>
<!-- FavoriteProductsComponent -->
<g id="node128" class="node">
<title>FavoriteProductsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7370.479,-274 7193.521,-274 7193.521,-238 7370.479,-238 7370.479,-274"/>
<text text-anchor="middle" x="7282" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">FavoriteProductsComponent</text>
</g>
<!-- FavoriteProductsComponent&#45;&gt;UserModule -->
<g id="edge132" class="edge">
<title>FavoriteProductsComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M7282,-274.0109C7282,-296.4852 7282,-332 7282,-332 7282,-332 6377.0244,-332 6377.0244,-332"/>
<polygon fill="#000000" stroke="#000000" points="6377.0244,-328.5001 6367.0244,-332 6377.0243,-335.5001 6377.0244,-328.5001"/>
</g>
<!-- OrderDetailComponent -->
<g id="node129" class="node">
<title>OrderDetailComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7175.1825,-274 7026.8175,-274 7026.8175,-238 7175.1825,-238 7175.1825,-274"/>
<text text-anchor="middle" x="7101" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">OrderDetailComponent</text>
</g>
<!-- OrderDetailComponent&#45;&gt;UserModule -->
<g id="edge133" class="edge">
<title>OrderDetailComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M7101,-274.0449C7101,-295.6623 7101,-329 7101,-329 7101,-329 6377.1603,-329 6377.1603,-329"/>
<polygon fill="#000000" stroke="#000000" points="6377.1604,-325.5001 6367.1603,-329 6377.1603,-332.5001 6377.1604,-325.5001"/>
</g>
<!-- OrderListItemComponent -->
<g id="node130" class="node">
<title>OrderListItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7008.9101,-274 6847.0899,-274 6847.0899,-238 7008.9101,-238 7008.9101,-274"/>
<text text-anchor="middle" x="6928" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">OrderListItemComponent</text>
</g>
<!-- OrderListItemComponent&#45;&gt;UserModule -->
<g id="edge134" class="edge">
<title>OrderListItemComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M6928,-274.1289C6928,-294.5724 6928,-325 6928,-325 6928,-325 6377.4382,-325 6377.4382,-325"/>
<polygon fill="#000000" stroke="#000000" points="6377.4382,-321.5001 6367.4382,-325 6377.4382,-328.5001 6377.4382,-321.5001"/>
</g>
<!-- OrdersComponent -->
<g id="node131" class="node">
<title>OrdersComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6829.9201,-274 6710.0799,-274 6710.0799,-238 6829.9201,-238 6829.9201,-274"/>
<text text-anchor="middle" x="6770" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">OrdersComponent</text>
</g>
<!-- OrdersComponent&#45;&gt;UserModule -->
<g id="edge135" class="edge">
<title>OrdersComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M6770,-274.1061C6770,-293.3391 6770,-321 6770,-321 6770,-321 6377.1696,-321 6377.1696,-321"/>
<polygon fill="#000000" stroke="#000000" points="6377.1696,-317.5001 6367.1696,-321 6377.1696,-324.5001 6377.1696,-317.5001"/>
</g>
<!-- OverviewComponent -->
<g id="node132" class="node">
<title>OverviewComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6692.0268,-274 6555.9732,-274 6555.9732,-238 6692.0268,-238 6692.0268,-274"/>
<text text-anchor="middle" x="6624" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverviewComponent</text>
</g>
<!-- OverviewComponent&#45;&gt;UserModule -->
<g id="edge136" class="edge">
<title>OverviewComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M6624,-274.2667C6624,-292.5552 6624,-318 6624,-318 6624,-318 6376.9827,-318 6376.9827,-318"/>
<polygon fill="#000000" stroke="#000000" points="6376.9827,-314.5001 6366.9827,-318 6376.9827,-321.5001 6376.9827,-314.5001"/>
</g>
<!-- ProfileComponent -->
<g id="node133" class="node">
<title>ProfileComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6537.9328,-274 6418.0672,-274 6418.0672,-238 6537.9328,-238 6537.9328,-274"/>
<text text-anchor="middle" x="6478" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProfileComponent</text>
</g>
<!-- ProfileComponent&#45;&gt;UserModule -->
<g id="edge137" class="edge">
<title>ProfileComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M6478,-274.0336C6478,-291.0597 6478,-314 6478,-314 6478,-314 6377.3074,-314 6377.3074,-314"/>
<polygon fill="#000000" stroke="#000000" points="6377.3074,-310.5001 6367.3074,-314 6377.3074,-317.5001 6377.3074,-310.5001"/>
</g>
<!-- ProfileEmailComponent -->
<g id="node134" class="node">
<title>ProfileEmailComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6400.3711,-274 6247.6289,-274 6247.6289,-238 6400.3711,-238 6400.3711,-274"/>
<text text-anchor="middle" x="6324" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProfileEmailComponent</text>
</g>
<!-- ProfileEmailComponent&#45;&gt;UserModule -->
<g id="edge138" class="edge">
<title>ProfileEmailComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M6324,-274.1061C6324,-274.1061 6324,-292.991 6324,-292.991"/>
<polygon fill="#000000" stroke="#000000" points="6320.5001,-292.9909 6324,-302.991 6327.5001,-292.991 6320.5001,-292.9909"/>
</g>
<!-- ProfilePasswordComponent -->
<g id="node135" class="node">
<title>ProfilePasswordComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6229.5856,-274 6056.4144,-274 6056.4144,-238 6229.5856,-238 6229.5856,-274"/>
<text text-anchor="middle" x="6143" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProfilePasswordComponent</text>
</g>
<!-- ProfilePasswordComponent&#45;&gt;UserModule -->
<g id="edge139" class="edge">
<title>ProfilePasswordComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M6143,-274.0225C6143,-291.3734 6143,-315 6143,-315 6143,-315 6270.646,-315 6270.646,-315"/>
<polygon fill="#000000" stroke="#000000" points="6270.646,-318.5001 6280.646,-315 6270.646,-311.5001 6270.646,-318.5001"/>
</g>
<!-- ReturnListItemComponent -->
<g id="node136" class="node">
<title>ReturnListItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6038.3697,-274 5871.6303,-274 5871.6303,-238 6038.3697,-238 6038.3697,-274"/>
<text text-anchor="middle" x="5955" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ReturnListItemComponent</text>
</g>
<!-- ReturnListItemComponent&#45;&gt;UserModule -->
<g id="edge140" class="edge">
<title>ReturnListItemComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M5955,-274.302C5955,-292.2699 5955,-317 5955,-317 5955,-317 6270.9488,-317 6270.9488,-317"/>
<polygon fill="#000000" stroke="#000000" points="6270.9489,-320.5001 6280.9488,-317 6270.9488,-313.5001 6270.9489,-320.5001"/>
</g>
<!-- ReturnsComponent -->
<g id="node137" class="node">
<title>ReturnsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5853.3795,-274 5728.6205,-274 5728.6205,-238 5853.3795,-238 5853.3795,-274"/>
<text text-anchor="middle" x="5791" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ReturnsComponent</text>
</g>
<!-- ReturnsComponent&#45;&gt;UserModule -->
<g id="edge141" class="edge">
<title>ReturnsComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M5791,-274.1686C5791,-293.0898 5791,-320 5791,-320 5791,-320 6270.8339,-320 6270.8339,-320"/>
<polygon fill="#000000" stroke="#000000" points="6270.8339,-323.5001 6280.8339,-320 6270.8338,-316.5001 6270.8339,-323.5001"/>
</g>
<!-- UserComponent -->
<g id="node138" class="node">
<title>UserComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5710.7591,-274 5603.2409,-274 5603.2409,-238 5710.7591,-238 5710.7591,-274"/>
<text text-anchor="middle" x="5657" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserComponent</text>
</g>
<!-- UserComponent&#45;&gt;UserModule -->
<g id="edge142" class="edge">
<title>UserComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M5657,-274.308C5657,-294.1455 5657,-323 5657,-323 5657,-323 6271.0062,-323 6271.0062,-323"/>
<polygon fill="#000000" stroke="#000000" points="6271.0062,-326.5001 6281.0062,-323 6271.0061,-319.5001 6271.0062,-326.5001"/>
</g>
</g>
</svg>

                </div>
                <i id="fullscreen" class="fa fa-expand module-graph-fullscreen-btn" aria-hidden="true"></i>
                <div class="btn-group">
                    <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
                    <button id="reset" class="btn btn-default btn-sm">Reset</button>
                    <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
                </div>
            </div>
<div class="container-fluid overview">
    <div class="row">
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-archive"></span></h4>
                        <p class="card-text">
                            <a href="./modules.html">16 modules</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-cogs"></span></h4>
                        <p class="card-text">88 components</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-code"></span></h4>
                        <p class="card-text">1 directive</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-code-fork"></span></h4>
                        <p class="card-text">19 injectables</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-plus"></span></h4>
                        <p class="card-text">3 pipes</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-file-code-o"></span></h4>
                        <p class="card-text">38 classes</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-info"></span></h4>
                        <p class="card-text">11 interfaces</p>
                    </div>
                </div>
            </div>
    </div>
</div>
<script src="js/libs/svg-pan-zoom.min.js"></script>
<script src="js/svg-pan-zoom.controls.js"></script>













                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

       <script src="./js/libs/bootstrap-native.js"></script>

       <script src="./js/libs/es6-shim.min.js"></script>
       <script src="./js/libs/EventDispatcher.js"></script>
       <script src="./js/libs/promise.min.js"></script>
       <script src="./js/libs/zepto.min.js"></script>

       <script src="./js/compodoc.js"></script>

        <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'overview';
            var COMPODOC_CURRENT_PAGE_URL = 'overview.html';
        </script>

       <script src="./js/search/search.js"></script>
       <script src="./js/search/lunr.min.js"></script>
       <script src="./js/search/search-lunr.js"></script>

       <script src="./js/tabs.js"></script>
       <script src="./js/menu.js"></script>
       <script src="./js/libs/prism.js"></script>
       <script src="./js/sourceCode.js"></script>
       <script src="./js/search/search_index.js"></script>


    </body>
</html>
